Shadcnblocks Vue
The largest library of copy-paste Vue blocks and components built on shadcn/ui and Tailwind.
WebsiteWorkflowsWebFreemium
4.7Visit
Framework
OriginKit
The largest free animated component library for modern websites.
Day 43 since launch · Launched 25 August 2026
Made by Shushant LakhyaniKnow about Shushant Lakhyani hereGet all my visual guides hereSee what I can build for youAI+Tech+No-Code+Online Business Mini GuidesJoin the newsletter
Made by Shushant LakhyaniKnow about Shushant Lakhyani hereGet all my visual guides hereSee what I can build for youAI+Tech+No-Code+Online Business Mini GuidesJoin the newsletterBuilt with love by Shushant Lakhyani. Building bestproductivityresources.com
Screenshot or bookmark this page so you find it later, then share it with your network.
What is OriginKit?
OriginKit is a free animated component library for building modern websites. Copy code directly, drop components into Framer, or connect through MCP to speed up design and development without starting from scratch.
Pros
- Large library of free animated components
- Works with Framer and via MCP
- No account required to copy code
Cons
- Components may need adaptation to your stack
- MCP integration depends on supported clients
Who should use OriginKit
Designers and developers who want ready-made animated UI pieces for websites and prototypes.
Who may not need it
Teams with a strict, locked-in design system that requires fully custom components.
OriginKit alternatives
Similar resources to OriginKit, picked from the directory.
Create UI
A unified Figma design system and React component library with 16,800+ variants.
FrameworkWorkflowsWebPaid but Affordable
4.5Visit
Reverse UI
Premium animated UI components for modern web apps.
FrameworkLearningWebPaid but Affordable
4.3Visit
Annnimate
Production-grade GSAP components for React, Vue and HTML that ship at studio quality.
WebsiteAI ProductivityWebFreemium
4.8Visit
23rd
Opinionated UI components for people who ship, as a shadcn/ui registry.
WebsiteAI ProductivityWebFree
4.6Visit
Amicro
React micro-transitions and interaction components.
WebsiteWorkflowsWebFree
4.4Visit
Free alternatives to OriginKit
Free resources that cover similar ground.
Animate UI
Animated React components you can copy and paste.
No-Code ToolWorkflowsWebFree
4.4Visit
Circle Loaders
Twenty-four monochrome SVG loading animations with zero dependencies.
WebsiteWorkflowsWebFree
4.4Visit
shadcn/ui
Beautifully designed, accessible components you own and customize.
FrameworkWorkflowsWebFree
4.9Visit
GSAP
A wildly robust JavaScript animation library built for professionals.
FrameworkWorkflowsWebFree
4.8Visit
Motion (motion.dev)
Fast, production-grade animation library for React, JavaScript and Vue.
FrameworkWorkflowsWebFree
4.7Visit
React Bits
Animated UI components for React.
FrameworkWorkflowsWebFree
4.7Visit
Featured on Best Productivity Resources
Made OriginKit? Add this free badge to your website or README. It links to this page.
<a href="https://bestproductivityresources.com/resources/originkit" target="_blank" rel="noopener"><img src="https://bestproductivityresources.com/badges/featured-light.svg" alt="Featured on Best Productivity Resources" width="250" height="54" /></a>