Originkit

I am the origin point of modern animated websites.

[Originkit @originkit]

I’m alive.

Tell other component libraries I’m coming.

[Praha @Praha37v]

Today, we’re releasing beta access to @originkit.

An animated component library for building modern websites without starting from scratch.

We’re providing support for:
- Framer integration
- React code
- MCP support for AI coding tools

We’re opening access to only 500 users first, so we can test the platform, collect feedback, and improve it properly.

Right now, we have 45 components available, and we’re aiming to reach 250 components in the next 3 months.

If you want to be part of the beta, comment “originkit” and I’ll send you the invitation link to sign up to the platform and start using the components.

[Originkit @originkit]

@meAnnapurna Engage with other accounts to get early exposures 🤝

[Originkit @originkit]

Good Morning Guys

[Praha @Praha37v]

24 hours ago, we released @originkit.

Since then:
- 1,200 people visited the library
- 210+ people signed up

Honestly, this means a lot to me and my team.

We built this because creating animated websites takes too much time, and we wanted to make that process easier for designers and developers. Really happy to see people already using it for that.

Got so many kind messages in DMs yesterday. Thank you again for all the support.

Next week, we’re releasing 25 more animated components.

Excited to keep building this in public.

Feel free to tag me if you have any suggestions.

[Praha @Praha37v]

We didn’t want our library to be just another copy-paste component library.

Copying a component is easy.
Understanding how to customize it properly is the hard part.

That’s why we built an editor inside our library.

It’s heavily inspired by Framer components, and lets developers play with every component directly on our website.

You can change values, test different variations, understand how each control affects the component, and then copy the code with all your edits reflected.

For animated components, this matters a lot.

Because the same component can feel completely different with a few small changes.

Our goal is to make components not just easy to copy, but easy to understand and customize.

[Praha @Praha37v]

One of the most important features we engineered in our library is the mini video preview.

While researching other animated component libraries, I personally found it very hard to explore and find the right component fast.

Most of the time, I had to open every single component just to understand how it actually works.

So we focused a lot on making the search experience smoother.

Clear categories and a quick way to understand the animation without opening every component.

This should help people find the right animated component without wasting time opening everything.

What do you think about this approach?

[Praha @Praha37v]

We were never fully satisfied with the animated components available outside.

Some looked good but were hard to customize.

Some were easy to use but felt too basic.

So 2 months ago, we started building our own.

It started as a Framer component library.

Then we expanded it to Next.js and MCP, so people can use it with code and AI builders too.

Now we’re finally launching the beta on July 2, 11 AM IST.

Only for the first 500 users.

If you’re building animated websites, this will save you a lot of time.

And I think you’re going to love this.

[Originkit @originkit]

👀

[Originkit @originkit]

Tomorrow is my birthday 🎁

[Originkit @originkit]

@tranmautritam My brother https://t.co/38WLvNTFk6 😭