UX Design of 3D buttons built in React, state managed with hooks and animated with @Keyframes. Click the button to see popping up more buttons. Click again to make them disappear.
-
Updated
Mar 18, 2024 - JavaScript
8000
UX Design of 3D buttons built in React, state managed with hooks and animated with @Keyframes. Click the button to see popping up more buttons. Click again to make them disappear.
Simple Canvas animation engine based on React with Fabric.js
Draw.me is a community-based drawing platform where users can create an account to draw, post, share, and comment on other user's art.
In this post, you will learn to Build Next js 14 Personal Portfolio Website Using Tailwind CSS, React Awesome Reveal. Just follow the steps and run examples!
PostCss plugin that takes a keyframe animation and duplicates it, with a reversed or mirror version. This creates a reverse of the given keyframe animation.
with fetch data from API
A classic Space Invaders game built with JavaScript, featuring a grid-based layout where players control a shooter to defend against descending alien invaders. The game includes basic mechanics such as moving the shooter left and right, shooting laser beams, and handling game start/reset functions.
This webpage features `@keyframes` animations, hover effects, two types of slideshows, animated buttons, card hover pop-ups revealing information, and a footer, offering a visually engaging experience. My YouTube Channel: https://www.youtube.com/@yashsaundalkar658
with JSON Server
This is a clone of the Disney Now Web App all-shows section https://disneynow.com/all-shows. This project was built to solidify my knowlegde in CSS GRID, FLEXBOX and RESPONSIVE DESIGN. This project was built with React Js and SCSS.
Memory Game - click on one card to flip it and see which image is underneath. Select another card, if the image is the same one, both cards will be face up. If not, keep playing!
Building a React site with CSS Modules
My first project with animation in React JS.
Snake Game Using Javascript & Pokemon Sprites
In this small project, I will style a React app with the Emotion Library as an example of using CSS-in-JS. This is a travel app that features three hotel cards. Each card contains a main image, title, description, and buttons prompting the use to view more details about the hotel or book a room.
JavaScript algorithm that extracts keyframe animations and turns them into scroll-based animations
Add a description, image, and links to the keyframe-animation topic page so that developers can more easily learn about it.
To associate your repository with the keyframe-animation topic, visit your repo's landing page and select "manage topics."