Loading video...

Video Failed to Load

There was a problem loading this video. This could be due to a temporary network issue or the video might be unavailable.

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

Adham Dannaway

102,317 subscribers

45,062 views • 3 months ago •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

23 Comments

Terry Carson3 months ago

This looks super useful. Clean components, easy customization, and MCP support is a great combo. Nice work building this.

Adham Dannaway3 months ago

happy to share, it was creatd by @originkit 🙌

marouane3 months ago

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.

Adham Dannaway3 months ago

Cc @originkit

Originkit3 months ago

Great library 🔥🤝

Adham Dannaway3 months ago

nice work 👏

Originkit3 months ago

Thank you, 50/250 components released, more coming 😎

晚晚3 months ago

这个配套 MCP 还挺顺手的感觉

Yipo3 months ago

nice work！thx man

Adham Dannaway3 months ago

happy to share 🙌

Nick Venturi3 months ago

my next landing page is going to look way too expensive 💅

Faisal Ahmed3 months ago

Solid work 👌

Adham Dannaway3 months ago

Happy to share 🙌

✦ Fred3 months ago

missed you !!!!

Marina3 months ago

Much needed!!

Adham Dannaway3 months ago

Hope it helps

Syathir Pradashka3 months ago

👍🏻👍🏻

Adham Dannaway3 months ago

👍

Jakob Bloq Abramovich3 months ago

Thx man

Adham Dannaway3 months ago

Happy to share 👍

星矩3 months ago

What software was used to record this?

Adham Dannaway3 months ago

I used @screenstudio

Bhaskar Varshney ☣3 months ago

Have you tried yet? HMU if anybody wants a founder's invite to try out pro components.

Related Videos

Animated component library built for Framer, React, and AI via MCP Tools You Need to Know - (Day 270)

Animated component library built for Framer, React, and AI via MCP Tools You Need to Know - (Day 270)

Toolfolio

30,668 views • 2 months ago

🚀 Introducing A collection of top quality free & open-source dashboard components, blocks and layouts built with shadcn/ui & Base UI ✅ Open-source dashboard components & blocks ✅ Beautiful admin dashboard template ✅ Copy & paste with shadcn/ui ✅ Pre-Built AI Prompts ✅ MCP Server ✅ Production-ready code Huge thanks to shadcn for creating such an amazing ecosystem ❤️ 🔗 Would love your feedback.

🚀 Introducing A collection of top quality free & open-source dashboard components, blocks and layouts built with shadcn/ui & Base UI ✅ Open-source dashboard components & blocks ✅ Beautiful admin dashboard template ✅ Copy & paste with shadcn/ui ✅ Pre-Built AI Prompts ✅ MCP Server ✅ Production-ready code Huge thanks to shadcn for creating such an amazing ecosystem ❤️ 🔗 Would love your feedback.

Sunil Joshi

68,092 views • 2 months ago

Introducing ✅ Crafted for design engineers ✅ Free and built for customization ✅ oss shadcn style components Repo 👇

Introducing ✅ Crafted for design engineers ✅ Free and built for customization ✅ oss shadcn style components Repo 👇

Jordan

99,685 views • 2 years ago

🎉 Releasing Framer Motion Theatre, a library for creating animated React components. ⚡️ Use Theatre.js in React with a simple declarative API ⚡️ Animate Framer-motion's motion values using Theatre.js ⚡️ Get WYSIWYG editing for your components with 1 line of code 1/6

🎉 Releasing Framer Motion Theatre, a library for creating animated React components. ⚡️ Use Theatre.js in React with a simple declarative API ⚡️ Animate Framer-motion's motion values using Theatre.js ⚡️ Get WYSIWYG editing for your components with 1 line of code 1/6

Andrew Prifer (is hiring)

66,473 views • 2 years ago

Our discussion with Tom Occhino is now live! We discuss: ✅How React changed the web ✅React Server Components ✅Performance optimizations ✅React Native ✅When NOT to use React And much more! Preview below, see the full talk here 👉

Our discussion with Tom Occhino is now live! We discuss: ✅How React changed the web ✅React Server Components ✅Performance optimizations ✅React Native ✅When NOT to use React And much more! Preview below, see the full talk here 👉

Real World React

32,742 views • 3 years ago

❌ Don't use barrel imports in React ✅ Import components directly Barrel imports (index.js re-exports) import the entire module even if you need one component. This adds unused code to your bundle ↓

❌ Don't use barrel imports in React ✅ Import components directly Barrel imports (index.js re-exports) import the entire module even if you need one component. This adds unused code to your bundle ↓

George Moller

161,603 views • 8 months ago

▶️ Watch this FREE orientation video to learn how works, use its AI-powered tools, research stocks and build a stronger investment process. EXPLORE an AI-powered research platform built for swing traders and investors. ✅ AI-Powered Stock Analysis ✅ Curated Research Lists ✅ Market Overview & Sector Rotation ✅ Support & Resistance Levels ✅ News, Insider & Congress Tracking ✅ + Much More 🔗 JOIN NOW to research smarter and strengthen your investing process!

▶️ Watch this FREE orientation video to learn how works, use its AI-powered tools, research stocks and build a stronger investment process. EXPLORE an AI-powered research platform built for swing traders and investors. ✅ AI-Powered Stock Analysis ✅ Curated Research Lists ✅ Market Overview & Sector Rotation ✅ Support & Resistance Levels ✅ News, Insider & Congress Tracking ✅ + Much More 🔗 JOIN NOW to research smarter and strengthen your investing process!

TENET RESEARCH

16,602 views • 2 months ago

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.

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.

Praha

46,963 views • 3 months ago

Introducing mcp-three An MCP server for Three.js made with xmcp Add toolkit for your AI to work with .gltf/.glb files: ✅ Understand model structure and animations ✅ Generate types & code with gltfjsx ✅ Less bugs when working with AI & 3D files Instructions below 🧵

Introducing mcp-three An MCP server for Three.js made with xmcp Add toolkit for your AI to work with .gltf/.glb files: ✅ Understand model structure and animations ✅ Generate types & code with gltfjsx ✅ Less bugs when working with AI & 3D files Instructions below 🧵

Matias 🧉

30,782 views • 1 year ago

ANNOUNCING: Uno Platform Studio 2.0 - with AI! ✅MCP ✅App MCP ✅Hot Design Agent (Preview) - NO CREDIT LIMITS Be in control and build cross-platform .NET applications with Code + Designer + Agent. #dotNETConf #AI

ANNOUNCING: Uno Platform Studio 2.0 - with AI! ✅MCP ✅App MCP ✅Hot Design Agent (Preview) - NO CREDIT LIMITS Be in control and build cross-platform .NET applications with Code + Designer + Agent. #dotNETConf #AI

Uno Platform

35,341 views • 11 months ago

❌ Avoid difficult-to-read conditionals to render elements in react. ✅ Instead use utility components for conditional rendering.

❌ Avoid difficult-to-read conditionals to render elements in react. ✅ Instead use utility components for conditional rendering.

George Moller

301,147 views • 3 years ago

Alita AI The Ultimate AI-Powered DeFi Agent! Alita is fully operational and ready to execute and dominate the Solana ecosystem. ✅Launch @pumpdotfun tokens & drive momentum ✅use Phantom built in wallet ✅Jupiter for best rates ✅Stake & Earn – Maximize yield effortlessly ✅Lock Dev Tokens – Secure liquidity & build trust #Ai #AlitaAI #Automation

Alita AI The Ultimate AI-Powered DeFi Agent! Alita is fully operational and ready to execute and dominate the Solana ecosystem. ✅Launch @pumpdotfun tokens & drive momentum ✅use Phantom built in wallet ✅Jupiter for best rates ✅Stake & Earn – Maximize yield effortlessly ✅Lock Dev Tokens – Secure liquidity & build trust #Ai #AlitaAI #Automation

Alita.ai

47,861 views • 1 year ago

I made the cleanest controller overlay on the market. And it’s free. ✅ PS5 / PS4 / XBOX layout ✅ Live reactive inputs ✅ Easy OBS setup ✅ Built for creators ✅ Perfect for clips, streams, tutorials, & handcams Use it. Clip with it. Stream with it. ReTweet for Visibility🙏

I made the cleanest controller overlay on the market. And it’s free. ✅ PS5 / PS4 / XBOX layout ✅ Live reactive inputs ✅ Easy OBS setup ✅ Built for creators ✅ Perfect for clips, streams, tutorials, & handcams Use it. Clip with it. Stream with it. ReTweet for Visibility🙏

TheQuest

37,531 views • 4 months ago

❌ Avoid having components with too many props. ✅ Instead use the compound components pattern in React to embrace composition.

❌ Avoid having components with too many props. ✅ Instead use the compound components pattern in React to embrace composition.

George Moller

130,080 views • 3 years ago

❌ Avoid having components with too many props. ✅ Instead use the compound components pattern in React to embrace composition.

❌ Avoid having components with too many props. ✅ Instead use the compound components pattern in React to embrace composition.

George Moller

177,710 views • 2 years ago

💥Update on Privasea AI Telegram linking 🆕New funding round 💰$15M funding ✅Binance backed 💵 $4 👇Steps for new users 🔗 ✅Install app ✅Sign up 🎟️Use my ref code- MZ9rKnm 📤Back up ✅Deposit SOL or ETH on Arbitrum ✅Verify face in proof ⛏️Mint NFT ✅Verify liveness 💥Done 👇Steps for existing users & new ✅Go to proof tab ✅Complete Telegram task 🔗 ✅Start & copy code to link Imhuman app ✅Paste code in verification task on App ✅Complete face verification ✅Go back to Telegram & hit "edit personal information" ✅Fill details, copy code ✅Paste in imhuman app 💥Done ✅U can also complete other tasks 💙Like 🔁RT

💥Update on Privasea AI Telegram linking 🆕New funding round 💰$15M funding ✅Binance backed 💵 $4 👇Steps for new users 🔗 ✅Install app ✅Sign up 🎟️Use my ref code- MZ9rKnm 📤Back up ✅Deposit SOL or ETH on Arbitrum ✅Verify face in proof ⛏️Mint NFT ✅Verify liveness 💥Done 👇Steps for existing users & new ✅Go to proof tab ✅Complete Telegram task 🔗 ✅Start & copy code to link Imhuman app ✅Paste code in verification task on App ✅Complete face verification ✅Go back to Telegram & hit "edit personal information" ✅Fill details, copy code ✅Paste in imhuman app 💥Done ✅U can also complete other tasks 💙Like 🔁RT

CryptoTelugu

89,115 views • 1 year ago

DuckChain’s official website has been upgraded! ✨ 🌐 What’s New? ✅ Sleek & user-friendly interface ✅ Comprehensive insights into DuckChain’s ecosystem ✅ Easy access to key features, tools, and updates Check it out now: #DuckChain #DUCK #AI

DuckChain’s official website has been upgraded! ✨ 🌐 What’s New? ✅ Sleek & user-friendly interface ✅ Comprehensive insights into DuckChain’s ecosystem ✅ Easy access to key features, tools, and updates Check it out now: #DuckChain #DUCK #AI

DuckChain

19,697 views • 1 year ago