Originkit

The component library is now free for everyone. No invite needed anymore.

why is it so hard to get app interactions right? Explored the draggable sticker by @originkit Simple interactions made my Canvas better.

🔥 إذا كنت تبحث عن طريقة لإضافة لمسة احترافية إلى موقعك، فهذه الأداة تستحق التجربة. OriginKit هي مكتبة مجانية تضم مكونات ورسومات متحركة جاهزة لمواقع الويب، مع دعم لـ React وFramer، ويمكنك نسخ الكود مباشرة واستخدامه. كما توفر تأثيرات للنصوص والخلفيات و3D Globe، وتدعم MCP لاستخدامها مع أدوات الذكاء الاصطناعي.

Open-source and free apps for coders tablericons.com - 5000+ Open-source SVG icons animatedbuttons.colorion.co - Open-source CSS animated buttons component.gallery - 60 components, 2,671 examples. originkit.dev - Free motion effects github.com/anelkabag/bag-… - Open-source modern UI components

無料のアニメーションコンポーネント集「Originkit」。テキスト15種・ギャラリー12種・インタラクティブ12種など60以上を収録していて、「Particle Sphere」や「Gravity Gallery」...みたいな装飾強めの表現が中心。 色や速度、サイズをブラウザ上で調整してからコードをコピーする方式で、ReactとFramerの両対応。 コピペ配布に加えてMCP接続まで用意されているあたり、コンポーネント配布の前提がAIツール込みに変わりつつあるのを感じる。

achei uma biblioteca de componentes animado que conecta via MCP, mas tem um problema sério a qualidade é boa demais, tipo, é sacanagem 😂 e ainda por cima são 60+ componentes prontos, copia o código ou deixa o agente puxar via MCP tudo de graça no @originkit | salva

OriginKit is officially partnering with @vellum_ai. Your AI assistant can now access our free library of animated components and automatically choose the ones that match your brand, taste, and design preferences. Build beyond basic AI-generated interfaces. We’re also working to power more AI builders and bring native OriginKit support across the ecosystem.

Releasing 22 new components today. Get it for free at originkit.dev.

アニメーションUIライブラリでMCP連携できるやつ見つけたんだけど… 完成度高すぎてマジでヤバい😂 光るボーダーとか流体カーソルとかパーティクルとか、クオリティ高すぎる しかもMCP経由でClaudeとかと直接連携できるらしい 全部無料でコピーできるとか最高すぎる…

New tools I keep coming back to. Save this 👇 - motionsites.ai - AI prompts for animated websites - originkit.dev - free animated component library - text-effects.colorion.co - pure CSS text animations - kinetics.colorion.co - spring physics UI motion - opentui.com - build terminal UIs with TypeScript - namethatui.com - name any UI element instantly - shapefactory.co - logo, color & gradient tools - valessa.riotters.com - 3D product visualizer in browser - github.com/MengTo/Skills - Claude skills for web design What am I missing?

@nihaliscoding Blackhole looks cool 👌

Added a blackhole with stars orbitting it to my portfolio. Total followers across X and github = number of stars orbitting. Goodnight. thisisnihal.vercel.app

@originkit thanks for the blackhole component ❤️ @OpenAI thanks for sol that was able to one shot the implementation and my vision <3

@JusT_DEDSEC Sure, can u please share us any reference, didn’t got what exactly u were asking

@originkit Can you guys make one for a "getting a achievement" screen please

New components just dropped. Copy them for free at originkit.dev

Amazing week for @originkit It’s been 7 days since we released it: - 1250+ signups - 4000+ component copies - 14k+ visitors - 75k+ pageviews Surprisingly, a few of the components have already started listing on the first page of Google search. These numbers motivated me and my team to explore more and build around the tool. We’re pumped to keep growing it, and I bet you’ll be surprised by the features we’re bringing in over the next few weeks.

@marouan98978995 @AdhamDannaway Done now 🤝

@AdhamDannaway Great work! One UX thing I'd suggest is keeping the current path after auth so once you sign in, you're taken back to the component you wanted instead of the root.

✨ Free animated component library Built for Framer, React, and AI tools through MCP ✅ Ready-to-use components ✅ Clear previews ✅ Easy customisation controls ✅ Copy code → originkit.dev

@marouan98978995 @AdhamDannaway Thank you, will be implemented today 🤝

@JaoyadCode Yes, we are preparing more. 27 new components will be released this week.

@originkit Welcome and please add more animated components for Text and others

I love this Animation based component library @originkit ! key features of it explained here. #frontend #webdev

Another banger from @Praha37v. 🔥 The UI design is incredibly clean, and the component library is packed with high-quality, production-ready components. Personally, these are exactly the kinds of components I've been looking for. You can copy them directly into Framer or code, and the MCP integration makes them even more useful for speeding up upcoming projects. Definitely worth checking out, go give it a try! 🚀