OriginKit UI Library

Browse 50 animated React components and copy the fetch request for any of them.

OriginKit UI Library — browse all 50 animated React components with search, categories and copy-ready fetch requests now

How to use OriginKit UI Library

  1. Search the library by keyword, or filter by one of the 6 categories.
  2. Click any component card to see its description, tags and variants.
  3. Pick your stack (React, Next.js, Vite or Framer) and styling (CSS, Tailwind or CSS Modules).
  4. Press Copy fetch request to copy the originkit_get call.
  5. Get a free API key at originkit.dev under Settings, API Integration, then fetch the source.

Features

  • All 50 Originkit components from the real plugin index
  • Search across names, descriptions and tags
  • Filter by 6 categories: interactive, gallery, text, animation, background, button
  • Fetch request builder for 4 stacks and 3 styling options
  • Shows variants and dependencies for every component
  • Browsing needs no API key; fetching needs a free originkit.dev key

Frequently asked questions

Is it free?

Yes, unlimited.

Login to use this free online tool. Create a free account to get started.