Development · Web app

Originkit

Curated library of animated and interactive UI components for modern websites

Visit originkit.dev ↗

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, 11 July 2026: 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

  • shadcn/ui

    Copy-paste React UI components built with Tailwind CSS and Radix primitives.

  • Efferd

    Pre-built, responsive shadcn/ui blocks and layouts for React applications

  • Motion

    Open-source animation library for React, Vue, and vanilla JavaScript

  • React Bits

    Open-source animated and interactive React UI components and backgrounds

  • 21st.dev

    Curated directory of crafted React, Tailwind, and shadcn UI components.

  • lucide-animated

    Open-source animated React icons built with Lucide and Motion

All 114 in UI Components →

Updated