# [OriginKit](<https://www.originkit.dev/>)

The largest free animated component library for modern websites. Copy the code, use it in Framer, or connect through MCP.

Free·Components·Animation·UI·Framer·MCP

Free·Components·Animation·UI·Framer+1

![OriginKit preview 1](<https://www.originkit.dev/og-image.png?v=2>)

![OriginKit preview 2](<https://creatorstoolbox.com/images/galleries/originkit-846a3df7590e5963a6f2e65e07e7b3adf4a1a433865a6611b6abe75299ac1dd9.jpg>)

![OriginKit preview 3](<https://creatorstoolbox.com/images/galleries/originkit-og-689a35c1426fd13cf94bb457402ed1036ec0c84fea62e551c7afadd84657f6f8.png>)

## What is 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.

## 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?

Yes, the component library is free to use.

How do I use the components?

Copy the code into your project, use them in Framer, or connect your AI agent to the OriginKit MCP server.

Similar Launches

[![Border Beam](<https://www.google.com/s2/favicons?domain=jakubantalik.com&sz=128>)

Border Beam

A lightweight React component that renders an animated glowing border beam effect — multiple sizes, color variants, and themes.](<https://creatorstoolbox.com/resources/border-beam>)[![Loading UI](<https://www.google.com/s2/favicons?domain=loading-ui.com&sz=128>)

Loading UI

Free, open-source CSS and React loaders, spinners, and animations for building polished, accessible loading states.](<https://creatorstoolbox.com/resources/loading-ui>)[![Dot Matrix](<https://dotmatrix.zzzzshawn.cloud/icon.svg>)

Dot Matrix

Open-source React component library of 55+ expressive dot-matrix loaders — install via the shadcn registry and own the code locally.](<https://creatorstoolbox.com/resources/dotmatrix>)[![ObsidianUI](<https://www.obsidianui.dev/icon.png>)

ObsidianUI

Open-source React and Tailwind CSS component library of animated, interactive UI effects you can preview, copy, or install via the shadcn CLI.](<https://creatorstoolbox.com/resources/obsidian-ui>)

---
Canonical source: https://creatorstoolbox.com/resources/originkit