OriginKit

Free animated component library for modern websites

Product Overview

OriginKit is a free library of beautifully animated website components, ready to copy and paste into React or Framer projects. It ships with curated animations and smooth interactions that give modern sites a polished feel without hand-rolling every effect. OriginKit is AI-friendly. It comes with an MCP server so AI coding agents can pull components directly into your project, and every component works as clean, copy-paste code. You can browse the full catalog online and grab whatever fits your design. It also offers starter kits for React and Framer, plus premium versions of individual components for teams that want more depth.

Best For

Best for web developers and AI-assisted builders who want polished animations without writing them from scratch

Key Features

Curated animated components for React and Framer
Copy-paste code with no extra build steps
MCP server for AI agents to add components directly
Smooth, production-grade micro-interactions
Online catalog to browse and preview everything
Starter kits for React and Framer
Premium component variants available

Pros

+Free to use with permissive licensing
+AI agents can install components via MCP
+Polished animations out of the box
+Works with React and Framer

Cons

-Catalog smaller than huge UI libraries
-Requires React or Framer to use
-Some components are premium

/// SPECS

Pricing:
Free
Platform:
Web
Free animated component library with MCP support

/// Similar Tools

Lander Studio Blocks

Free Figma UI block library — copy and paste components directly into your designs

SpaceTypeGenerator

Kinetic typography and text animation generator

Readymag

Design stunning web publications, portfolios, and landing pages — no coding required

AnimXYZ

Pre-built CSS animations made simple

Blazy Studio

Turn Figma prototypes into video animations

Aimu

Online subtitle editor with auto-generation

TikTokVoice

Text-to-speech AI voiceover with TikTok voices

Flowbite Design System

open-source Tailwind CSS component library with Figma kit for rapid UI building.

21st.dev

Hand-crafted React components and templates — not AI slop

Apple Design Resources

Official Apple design templates, UI kits, fonts, and tools

Dither Kit

Retro pixel-perfect charts and UI components for your site

AnimateIcons

Open-source animated SVG icons for micro-interactions

Arlan's Vault

A library of web interaction and design style prompts