movin.design components
810 animated UI components: buttons, cards, checkboxes, inputs, loaders, radio buttons, sliders, tabs and toggles. Every one comes in two formats:
- React + Tailwind (TypeScript), installable with the shadcn CLI. 803 have no dependencies; 7 use Framer Motion.
- Plain HTML + CSS (plus a small script where needed), with no framework and no dependencies, for Vue, Svelte, Angular, Webflow or a plain page.
Live previews, code and an LLM prompt for each: https://movin.design/components/
Install with shadcn
npx shadcn@latest add @movin/toggle-airplane
Replace toggle-airplane with any install name from the tables below. @movin is listed in the
shadcn directory, so there is nothing to configure; with an older CLI, use the full URL instead:
npx shadcn@latest add https://movin.design/r/toggle-airplane.json. The full index is at
https://movin.design/r/registry.json, and registry.json in this repo mirrors it.
Use the plain HTML version
Each component folder holds <name>.html, <name>.css and, when it needs one, <name>.js. Paste the markup, include the CSS and the script. Class names are prefixed per component, so several can share a page.
Components
Buttons (100)
Cards (100)
Checkboxes (90)
Inputs (90)
Loaders (84)
Radio buttons (93)
Sliders (100)
Tabs (75)
Toggles (78)
Licence
MIT-0 (MIT No Attribution): use, copy, modify and ship these in any project, commercial included, with no attribution required. See LICENSE.
About
Made by the team behind movin.design, a curated home for UI motion with free components, shader backgrounds and easing tools. This repository is generated from the site, so fixes land on the site first; issues and suggestions are welcome here.
