Development · Web app
Originkit
Curated library of animated and interactive UI components for modern websites
Originkit is a component directory featuring interactive visual effects, WebGL backgrounds, and animated UI elements. It lets you test animations with live property controls and export them directly to React code, Framer, or AI coding assistants via MCP.
What it's for
- Add interactive canvas or WebGL background animations to a landing page
- Paste animated UI components directly into Framer projects
- Feed component code directly into AI coding tools like Cursor via MCP
Features
- Over 500 animated and interactive components across categories like backgrounds, text, loaders, and galleries
- Live interactive customization sliders to tweak animation parameters before export
- Export options including direct code copying, Framer component copy, and MCP integration
- Catalog covering shaders, particle effects, ASCII waves, and cursor interactions
- Categorized sorting by trending, recently added, and most copied
Pricing
Freemium. Free library access; Pro subscription required for select premium components
Details
- Type
- Web app
- Category
- Development
- Topic
- UI Components
- Open source
- No
- Platforms
- Web
- For
- Frontend developers and Framer web designers wanting advanced visual effects
- Alternative to
- Aceternity UI, Magic UI, React Bits
- Tags
- components, react, framer, animations, webgl, shaders
Why it was saved
- @setupsai: Enables developers and designers to easily drop high-end WebGL and canvas animations into their projects without building complex visual effects from scratch or creating an account.
Compare
Related
Copy-paste React UI components built with Tailwind CSS and Radix primitives.
Pre-built, responsive shadcn/ui blocks and layouts for React applications
Open-source animation library for React, Vue, and vanilla JavaScript
Open-source animated and interactive React UI components and backgrounds
Curated directory of crafted React, Tailwind, and shadcn UI components.
Open-source animated React icons built with Lucide and Motion
Updated