The largest free animated component library for modern websites. Copy the code, use it in Framer, or connect through MCP.
About OriginKit
OriginKit is a free animated component library for building modern websites, billed as the largest of its kind. Every component ships with motion built in, so you get polished animated UI without writing the animation code yourself. Use components three ways: copy the code straight into your project, use them in Framer, or connect through MCP so AI coding agents can browse and place components for you.
Pricing model: Free
Features
- Free animated UI components
- Copy-paste code for your site
- Framer support
- MCP server so AI agents can use the library
FAQs
Common questions about OriginKit
Is OriginKit free?
How do I use the components?
No posts yet
Updates from OriginKit will appear here. Get to know the product while you wait.
About OriginKitSimilar to OriginKit
Other products to explore and follow.
Team
The people behind OriginKit
Similar products
- Border Beambeam.jakubantalik.com
A lightweight React component that renders an animated glowing border beam effect — multiple sizes, color variants, and themes.
- Loading UIloading-ui.com
Free, open-source CSS and React loaders, spinners, and animations for building polished, accessible loading states.
- Dot Matrixdotmatrix.zzzzshawn.cloud
Open-source React component library of 55+ expressive dot-matrix loaders — install via the shadcn registry and own the code locally.
ObsidianUIobsidianui.devOpen-source React and Tailwind CSS component library of animated, interactive UI effects you can preview, copy, or install via the shadcn CLI.
Skills for Designers and Engineersgithub.com/emilkowalski/skillsFree MIT-licensed agent skills for designers and engineers, covering animation taste, performance, and small interface mistakes.
- Stageshowbenji.org
Free MIT-licensed agent skill for faux product UI stills, cursor animations, and bento grids, in React and plain CSS.
