Animated components for design engineers. 150+ free shadcn/ui components, built with Tailwind CSS and Motion. MIT licensed.
- components
- design-engineering
- framer-motion
- nextjs
71,372 visible repositories in the index
49–72 of 254 · Most stars
Animated components for design engineers. 150+ free shadcn/ui components, built with Tailwind CSS and Motion. MIT licensed.
Tasty CSS-animated Hamburgers
A customizable, modular, responsive, lightbox gallery plugin.
A collection of loading spinners animated with CSS
Tools for smoother shape animations.
UI kit to make beautiful, animated interfaces, faster. Customizable. Open Source.
React Move | Beautiful, data-driven animations for React
A simple keyframe-based animation framework for UIKit. Perfect for scrolling app intros.
Create beautiful CSS3 powered animations in no time.
A+ animation module for the modern web
The official rendering library for PAG (Portable Animated Graphics) files that renders After Effects animations natively across multiple platforms.
noUiSlider is a lightweight, ARIA-accessible JavaScript range slider with multi-touch and keyboard support. It is fully GPU animated: no reflows, so it is fast; even on older devices. It also fits wonderfully in responsive designs and has no dependencies.
Morph DOM elements from one state to another with smooth animations and transitions
A library of creative canvas components. Real HTML with WebGL effects running over it. React, Vue, Svelte, vanilla.
Create fluid and interactive gradient animations with this small javascript library.
Animate in Xcode without code
Versatile and extensible page transition library for server-rendered websites 🎉
Fast animations with javascript and CSS transforms
TranslatedA Kawaii React UI component library
:hamburger: An off-canvas sidebar component with a collection of effects and styles using CSS transitions and SVG path animations
Chinese character stroke order animations and practice quizzes
Fully animated, open-source component distribution built with React, TypeScript, Tailwind CSS, Motion, and Shadcn CLI. Browse a list of components you can install, modify, and use in your projects.
CSS classes to move your DOM!
CSS3 backed JavaScript animation framework