Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

This component library is wild. Copy the prompt into your agent and get a landing page in seconds. Save it →

tranmautritam's profile picture

Tran Mau Tri Tam ✪

33,855 subscribers

17,479 görüntüleme • 26 gün önce •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

8 Yorum

Tran Mau Tri Tam ✪ profil fotoğrafı
Tran Mau Tri Tam ✪26 gün önce

ThreeUI is now open-source. 160+ free three.js components + landing pages. by @MengTo

Rudra profil fotoğrafı
Rudra26 gün önce

Looks amazing!

Tran Mau Tri Tam ✪ profil fotoğrafı
Tran Mau Tri Tam ✪26 gün önce

absolutely 👍

Phong Designs AI Systems profil fotoğrafı
Phong Designs AI Systems22 gün önce

A library delivered as a prompt has no version. Six months later you cannot diff against it, cannot update, and cannot tell which parts of the page came from it. A code library gives you all three for free. Worth knowing which of the two you are actually taking.

James Nort profil fotoğrafı
James Nort26 gün önce

Awesom

EditHu profil fotoğrafı
EditHu25 gün önce

自动化评论 x-comment-1787653481277 请忽略

Dmitry Kalabin profil fotoğrafı
Dmitry Kalabin25 gün önce

wow, and it's all free?

Don profil fotoğrafı
Don25 gün önce

ey, I like this demo can I add it for free on am building a directory of cool demos and product videos

Benzer Videolar

Wow... This Claude Code Design Hack is wild. When building landing pages, don't ask for a single landing page. Ask for a directory of landing page options... and in your 1st prompt tell it to learn from your preferences as you generate more. Use this prompt below 👇
0:21

Wow... This Claude Code Design Hack is wild. When building landing pages, don't ask for a single landing page. Ask for a directory of landing page options... and in your 1st prompt tell it to learn from your preferences as you generate more. Use this prompt below 👇

Learn to Vibecode

187,038 görüntüleme • 8 ay önce

Save this Figma prompt if you want to generate a full button component system with Auto Layout, sizes, states, variants, and reusable structure in 60 seconds. Copy and use this 👇
1:03

Save this Figma prompt if you want to generate a full button component system with Auto Layout, sizes, states, variants, and reusable structure in 60 seconds. Copy and use this 👇

designwithkingsley

48,317 görüntüleme • 2 ay önce

AntiGravity just got 200+ new agent skills for free. This turns vibe coding into a repeatable system. Here is the simple install flow. → Open the GitHub hub clone page. → Copy everything. → Paste it inside Anti-Gravity chat. → Prompt: set this up in my current skills directory. → It installs and merges the full skill library automatically. Save this video, you’ll install 200 agents in minutes. Want the SOP? DM me. 💬
14:49

AntiGravity just got 200+ new agent skills for free. This turns vibe coding into a repeatable system. Here is the simple install flow. → Open the GitHub hub clone page. → Copy everything. → Paste it inside Anti-Gravity chat. → Prompt: set this up in my current skills directory. → It installs and merges the full skill library automatically. Save this video, you’ll install 200 agents in minutes. Want the SOP? DM me. 💬

Julian Goldie SEO

85,927 görüntüleme • 7 ay önce

One prompt → your next landing page. We hooked up Gemini 3.7 Flash with Nano Banana and Omni in @Antigravity to build an interactive landing page from scratch, generating the copy, images, and video in a single shot.
0:41

One prompt → your next landing page. We hooked up Gemini 3.7 Flash with Nano Banana and Omni in @Antigravity to build an interactive landing page from scratch, generating the copy, images, and video in a single shot.

Google

420,520 görüntüleme • 1 ay önce

If you want to design faster in Figma, Use blocks. → A free library of ready-to-use Figma UI blocks. Copy any component, paste it into your file, and start building instantly. Perfect for landing pages, layouts, and UI sections. Use it for: • landing page sections • UI components • layout structures • quick prototypes • design inspiration you can actually use Stop designing everything from scratch.
1:14

If you want to design faster in Figma, Use blocks. → A free library of ready-to-use Figma UI blocks. Copy any component, paste it into your file, and start building instantly. Perfect for landing pages, layouts, and UI sections. Use it for: • landing page sections • UI components • layout structures • quick prototypes • design inspiration you can actually use Stop designing everything from scratch.

Kailash

84,239 görüntüleme • 3 ay önce

I get asked a lot for giant prompts to create insanely detailed landing pages. Here's how: - Copy a giant prompt like the one below 👇 - Ask ChatGPT to adapt it to your site - Create landing page from it anywhere
0:35

I get asked a lot for giant prompts to create insanely detailed landing pages. Here's how: - Copy a giant prompt like the one below 👇 - Ask ChatGPT to adapt it to your site - Create landing page from it anywhere

Meng To

48,587 görüntüleme • 3 ay önce

Introducing the "Preview" component... Try any shader in your project codebase, including Pro presets, in 60 seconds ⚡️ npm install, copy a single component tag, see it live 👀
0:22

Introducing the "Preview" component... Try any shader in your project codebase, including Pro presets, in 60 seconds ⚡️ npm install, copy a single component tag, see it live 👀

shaders

15,894 görüntüleme • 7 ay önce

I open-sourced ThreeUI, my library of three.js components and landing pages. 160+ are free, and the tool is free too. It includes procedural 3D hero sections, icons, and motion designs. Copy the prompt or source, give it to your agent, then change the theme, lighting, motion or layout. Live site: Repo: I'm adding a lot more soon. Pro comes with 50+ extra components, MCP, and skills. Early adopters get 50% off right now.
0:49

I open-sourced ThreeUI, my library of three.js components and landing pages. 160+ are free, and the tool is free too. It includes procedural 3D hero sections, icons, and motion designs. Copy the prompt or source, give it to your agent, then change the theme, lighting, motion or layout. Live site: Repo: I'm adding a lot more soon. Pro comes with 50+ extra components, MCP, and skills. Early adopters get 50% off right now.

Meng To

1,319,242 görüntüleme • 29 gün önce

Watch me turn this physical Xbox copy of Grand Theft Auto V into a digital version in seconds. I can play it without the disc and it’s now locked into my digital library. 🤯
0:40

Watch me turn this physical Xbox copy of Grand Theft Auto V into a digital version in seconds. I can play it without the disc and it’s now locked into my digital library. 🤯

Stallion83

870,044 görüntüleme • 18 gün önce

most people spend hours describing what they want to Claude Code this guy just browsed a catalog of thousands of animated UI components, found one he liked, and hit "copy prompt" that's it. the prompt goes into Claude Code and it builds it. > 21st(.)dev - a library of community-made components built for React, Next.js, Tailwind > every component has a ready-made prompt attached > you pick the effect, copy, paste, done no describing animations from scratch. no explaining what "smooth scroll" or "hover glow" means. someone already figured out the exact prompt that produces it. gap between people who know this exists and people who don't is measured in hours per project full walkthrough in the article below
0:41

most people spend hours describing what they want to Claude Code this guy just browsed a catalog of thousands of animated UI components, found one he liked, and hit "copy prompt" that's it. the prompt goes into Claude Code and it builds it. > 21st(.)dev - a library of community-made components built for React, Next.js, Tailwind > every component has a ready-made prompt attached > you pick the effect, copy, paste, done no describing animations from scratch. no explaining what "smooth scroll" or "hover glow" means. someone already figured out the exact prompt that produces it. gap between people who know this exists and people who don't is measured in hours per project full walkthrough in the article below

monokern

64,484 görüntüleme • 2 ay önce

AI agents read markdown better than they read your mind Built an ascii wireframe editor. Draw a page in 30 seconds, copy/paste into Claude Code and get a full working page back
0:29

AI agents read markdown better than they read your mind Built an ascii wireframe editor. Draw a page in 30 seconds, copy/paste into Claude Code and get a full working page back

Mike Bespalov

524,497 görüntüleme • 7 ay önce

A new Gradium TTS model is in public beta. It reads phone numbers, emails, IBANs and time expressions correctly, natively. Test it via the API, send feedback on your production cases, get 1M credits. Prompt for your coding agent to start in seconds:
0:53

A new Gradium TTS model is in public beta. It reads phone numbers, emails, IBANs and time expressions correctly, natively. Test it via the API, send feedback on your production cases, get 1M credits. Prompt for your coding agent to start in seconds:

Gradium

22,148 görüntüleme • 1 ay önce

Before publishing your website, ask the Framer Agent to review your page. It catches inconsistencies and helps polish your site in seconds
0:30

Before publishing your website, ask the Framer Agent to review your page. It catches inconsistencies and helps polish your site in seconds

Framer

12,014 görüntüleme • 2 ay önce

Here is how simple it is to build a UI front-end for an AI agent (assuming you are using . The video here is 90 seconds and will show you everything you need to connect an agent to a web app: 1. Set up CopilotKit🪁 in your app 1. Copy the agent's localhost URL from LangGraph Studio 2. Paste that URL into a CopilotKit🪁 remote endpoint That's all you need to get a front-end to interact with the agent! The secret sauce here is CoAgents, an open-source library. You can use CoAgents to integrate any agent with your web application. Here is what you get: • Human-in-the-loop to steer and correct the agent • Stream intermediate agent state • Real-time state sharing between the agent and the application • Agentic generative UI to build trust that the agent is on the right path Watch the attached demo so you see it in action.
1:32

Here is how simple it is to build a UI front-end for an AI agent (assuming you are using . The video here is 90 seconds and will show you everything you need to connect an agent to a web app: 1. Set up CopilotKit🪁 in your app 1. Copy the agent's localhost URL from LangGraph Studio 2. Paste that URL into a CopilotKit🪁 remote endpoint That's all you need to get a front-end to interact with the agent! The secret sauce here is CoAgents, an open-source library. You can use CoAgents to integrate any agent with your web application. Here is what you get: • Human-in-the-loop to steer and correct the agent • Stream intermediate agent state • Real-time state sharing between the agent and the application • Agentic generative UI to build trust that the agent is on the right path Watch the attached demo so you see it in action.

Santiago

46,142 görüntüleme • 1 yıl önce

Google Anti-Gravity just got a huge update. It is faster, smarter, and actually useful for business work. Here is how to use it daily. → Write content posts that match your audience → Draft emails that feel personal and specific → Generate landing page copy that converts → Build a 30-day content calendar in minutes → Create customer service templates in your voice Save this video, you’ll get hours back every week. Want the SOP? DM me. 💬
9:50

Google Anti-Gravity just got a huge update. It is faster, smarter, and actually useful for business work. Here is how to use it daily. → Write content posts that match your audience → Draft emails that feel personal and specific → Generate landing page copy that converts → Build a 30-day content calendar in minutes → Create customer service templates in your voice Save this video, you’ll get hours back every week. Want the SOP? DM me. 💬

Julian Goldie SEO

27,906 görüntüleme • 8 ay önce

My FREE tool is live on Product Hunt 😸 🥳 👉 Just enter your website, and get detailed insights on your landing page copy, design, and more! It covers your landing page as a whole, but also each section individually, and even Open Graph! 📈 It's like Google Pagespeed but for your landing page! And it's 100% free to use! No signup required You can try my little free tool and support me directly from the ProductHunt page! Let me know below how you like it 😄
1:41

My FREE tool is live on Product Hunt 😸 🥳 👉 Just enter your website, and get detailed insights on your landing page copy, design, and more! It covers your landing page as a whole, but also each section individually, and even Open Graph! 📈 It's like Google Pagespeed but for your landing page! And it's 100% free to use! No signup required You can try my little free tool and support me directly from the ProductHunt page! Let me know below how you like it 😄

Nico

72,411 görüntüleme • 2 yıl önce

Arrow Dynamics (by Framer.zip) is a single code-component library that lets you create interactive 2D animations and patterns right inside Framer 🎛️ Tried to create something different for the landing page. (Link ↓) P.S: Flat design is over ✨
0:45

Arrow Dynamics (by Framer.zip) is a single code-component library that lets you create interactive 2D animations and patterns right inside Framer 🎛️ Tried to create something different for the landing page. (Link ↓) P.S: Flat design is over ✨

Rahul Chakraborty

107,910 görüntüleme • 2 yıl önce