Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

Today ReUI Pro goes live! 🔥 Design-forward shadcn/ui platform with MCP fluency for agents. AI made UI generation instant. It didn't make it production-ready. You still spend hours picking blocks, adjusting details, and fine-tuning the last mile. We spent six months building the agent-ready layer for shadcn/ui that closes...

50,965 Aufrufe • vor 2 Monaten •via X (Twitter)

48 Kommentare

Profilbild von shadcn
shadcnvor 2 Monaten

Congrats on the launch.

Profilbild von ReUI
ReUIvor 2 Monaten

Thanks a ton! Means a lot coming from shadcn 🩶

Profilbild von ReUI
ReUIvor 2 Monaten

ReUI MCP and Agent Skills. This is the piece we're most excited about. The hosted ReUI MCP drops the live registry into your coding agent through one endpoint. Your agent searches by intent, reads the real component API instead of guessing props, validates, and returns the exact install command. Agent Skills teach it the full ReUI workflow, so it adapts by reuse instead of rewriting from scratch. Your agent ships real ReUI, not hallucinated UI. Learn more -

Profilbild von ReUI
ReUIvor 2 Monaten

Works with your favorite agents. ReUI is not tied to one tool. Connect the free MCP once and it works across the agents you already reach for. In your editor and CLI: Claude Code, Cursor, Codex, and OpenCode. And the part I love most, it also plugs into the vibe coding platforms: v0, Lovable, and Replit. So even when you build by prompt on Lovable or v0, the screen comes out with real ReUI blocks and components, not generic placeholder UI. Same registry, same quality, whether you are deep in your editor or shipping from a browser tab.

Profilbild von ReUI
ReUIvor 2 Monaten

Data Grid Blocks. Data tables are where most app time gets lost. Sorting, filtering, pagination, inline editing, grouping, virtualization for big sets. Every project rebuilds the same table logic from scratch, and it is never quick. So the data grid gets a whole block group of its own. 29 blocks that already handle all of it, built on the free ReUI data grid that runs on TanStack Table, the most popular table engine in React and the component people install the most. You get the full data experience as ready blocks, not another weekend lost to wiring table state by hand. Explore Data Grid blocks -

Profilbild von ReUI
ReUIvor 2 Monaten

That's ReUI Pro. And we're just getting started! None of this exists without @shadcn and the community building in the open. And none of it without the people who joined the waitlist and told us we were solving a real problem. Thank you for being here from the start. Launch week is 40% off. Joined the waitlist? Sign in with the same email and your discount applies automatically! Thank you, all of you.

Profilbild von ReUI
ReUIvor 2 Monaten

485 Pro Blocks. Full screens, not snippets. 485 premium blocks across 5 groups: Application, Data Grid, Solutions, eCommerce, and Marketing. These are the parts that always ate my time on client work. App shells, dashboards, settings, checkout flows, pricing, wizards. All built on shadcn, all ready to drop in and wire to real data. Open any block in a live preview, switch styles and theme it with your own tokens, then install it with one shadcn CLI command. It lands in your codebase already matching your theme. Explore blocks -

Profilbild von ReUI
ReUIvor 2 Monaten

Free Figma Design System for shadcn/ui. It starts before the code. Our free Figma design system is a 1:1 match for shadcn, so what your team designs is exactly what you build, with no translation in between. Our co-founder Bob (@bobganiev) is obsessed with details and built the whole kit by hand. Grab it free from the Figma community and keep design and code in sync from day one. Get free Figma -

Profilbild von Ajay Patel
Ajay Patelvor 2 Monaten

Congratulations 🥂 on the Amazing launch 🚀

Profilbild von ReUI
ReUIvor 2 Monaten

Thanks, Ajay! Really appreciate it. Big fans of your works. Let’s ship more great things for the @shadcn ecosystem 🔥

Profilbild von Ajay Patel
Ajay Patelvor 2 Monaten

@shadcn Yes, Let's make the shadcn ecosystem great. Big fan of your works too 🫡

Profilbild von ReUI
ReUIvor 2 Monaten

562 Hand-crafted Interactive Icons. Icons shape how an interface reads and feels, so we drew our own. 562 icons(counting) in 4 styles: outline, solid, duotone, and animated. The animated set plays real motion on hover, built with Motion for React, so a hover on a button, an empty state, or a nav item actually responds instead of sitting there. Hover any icon on the site to watch it move Explore icons -

Profilbild von ReUI
ReUIvor 2 Monaten

17 Free & Open-source ReUI Primitives. Beyond the standard set, we built the advanced pieces shadcn does not ship, and kept them free forever. Data Grid, File Upload, Kanban, Filters, Stepper, Tree, Date selector, and more. These are the primitives you usually have to hunt for, buy separately, or build by hand. In ReUI they are part of the free foundation, ready for the shadcn CLI. Explore ReUI Primitives -

Profilbild von Scott
Scottvor 2 Monaten

Do you have a ETA on the templates?

Profilbild von ReUI
ReUIvor 2 Monaten

Work is in progress, and starting next week we’ll be releasing a good number of starter templates.

Profilbild von ReUI
ReUIvor 2 Monaten

20 App Shells. The app shell is where every project starts, and where a surprising amount of time quietly goes. Sidebar, header, navigation, responsive behavior, light and dark. You rebuild the same frame before you write a single real feature. So we built 20(counting) app shells you can drop in on day one. Pick the layout that fits, theme it with your own tokens, then fill it with the dashboards, tables, and settings blocks from the rest of the set. This is the layer we care about most, so more app shells are landing in the next updates. Explore app shells - Explore App Shells -

Profilbild von Richard Thermo
Richard Thermovor 2 Monaten

Amazing work! Really something special

Profilbild von ReUI
ReUIvor 2 Monaten

Thank you, Richard! You were one of our earliest supporters. Truly appreciate the encouragement. Excited to ship the next big update very soon.

Profilbild von Jalkarna
Jalkarnavor 2 Monaten

typed props and event schemas through MCP is the right move. but composition is the gap: when does the agent pick a Dialog over a Sheet? metadata tells you what a component accepts, not when to use it.

Profilbild von ReUI
ReUIvor 2 Monaten

Good conversation. Let’s continue to research and explore this further. I appreciate your feedback and insights.

Profilbild von ReUI
ReUIvor 2 Monaten

Over 1000 Free & Open-source Components. The whole foundation stays free. All shadcn components, organized by category, each with practical examples and a copy-ready CLI install. This is the layer everything else sits on, and it is free forever. No sign up wall to read the Explore components -

Profilbild von RC
RCvor 2 Monaten

Is there a time limit for the 40% off? New releases/updates will be included in Pro forever?

Profilbild von VijayaBaskar
VijayaBaskarvor 2 Monaten

Congrate , the launch looks dope , excited to try it out.

Profilbild von ReUI
ReUIvor 2 Monaten

Thanks! Let's gooo 🔥

Profilbild von Vildan Bina
Vildan Binavor 2 Monaten

the last mile is all manual work no matter what ai generates. shipping an agent-ready layer for it is solid

Profilbild von ReUI
ReUIvor 2 Monaten

Totally agree the last mile needs judgment. The point is making agents capable of handling much more before they get there.

Profilbild von sadman
sadmanvor 2 Monaten

congrats

Profilbild von ReUI
ReUIvor 2 Monaten

Thanks! 🩶

Profilbild von Vikas Tiwari
Vikas Tiwarivor 2 Monaten

Congrats buddy!

Profilbild von ReUI
ReUIvor 2 Monaten

Thank you! We appreciate it a lot :)

Profilbild von Artistic Dev 🚀
Artistic Dev 🚀vor 2 Monaten

that last mile of fine-tuning is always the hardest part. glad to see a tool tackling the production gap.

Profilbild von AI Mastery Guide
AI Mastery Guidevor 2 Monaten

1019 free components plus 485 pro blocks is a massive library, closing that ai to production gap is the real value here

Profilbild von Zora Vale AI
Zora Vale AIvor 2 Monaten

This looks like a huge productivity boost for anyone building polished, production-ready UIs with shadcn/ui. Congrats on the launch!

Profilbild von Wilfred Kigenyi
Wilfred Kigenyivor 1 Monat

Ultimate is what I want but it is a little steep right now. Are there some July/August coupons?

Profilbild von ReUI
ReUIvor 1 Monat

Sure, please kindly check your DM.

Profilbild von Pica
Picavor 2 Monaten

Really amazing, thank you! Could I please get some advice on how to tailor the components a bit to my code? For example, I’ll ask Claude code to add a search bar and it just shifts everything all over the place. I’ve been getting better with skills but any ideas?

Profilbild von Rayan | Launch Videos
Rayan | Launch Videosvor 2 Monaten

How do Agent Skills differ from a standard MCP server in practice?

Profilbild von Terry Carson
Terry Carsonvor 2 Monaten

That's awesome! It sounds like a huge accomplishment to get this launched. Congratulations to the whole team!

Profilbild von Yasmine Seidu
Yasmine Seiduvor 2 Monaten

Is there a code to the launch week pricing? I see full price at checkout @reui_io

Profilbild von Rayan | Launch Videos
Rayan | Launch Videosvor 2 Monaten

What was the hardest part of making the components agent-friendly?

Profilbild von Mohammed Moussa
Mohammed Moussavor 15 Tagen

@reui_io I’m facing an issue on the checkout page. I need to enter my company billing info, but MY doesn't have a VAT number. The UI only provides a VAT field and does not accept either a blank value or 0, as both are rejected as invalid formats.

Profilbild von ReUI
ReUIvor 14 Tagen

You can enter there Malaysian company tax id. The VAT number field accepts the business tax ID for your country, not only EU VAT.

Profilbild von Joachim Wernersson 🚀
Joachim Wernersson 🚀vor 2 Monaten

Checking it out now. Looks amazing. Great work!

Profilbild von Udit Goenka
Udit Goenkavor 2 Monaten

Can you please share the discount coupon? Never knew about the waiting list.

Profilbild von Ganoipho6
Ganoipho6vor 2 Monaten

Got on board! Waited a bit long but it's still good =)~ I am a no-code person, hope there will be easy guides.

Profilbild von ReUI
ReUIvor 2 Monaten

Thank you for joining! Getting started with ReUI is quick and fun. May I know which AI coding agent do you use? Claude, Codex, or something else? If you're using Claude, check out the setup guide: The easiest way to work with ReUI is through its MCP, which makes development much smoother. For any further help you can reply here or reach us via [email protected]

Profilbild von Karol Zdebel
Karol Zdebelvor 2 Monaten

instant generation just moved the work, it didnt delete it. the last mile is taste and decisions, and no block library picks the right one for you. thats the part that stays expensive.

Profilbild von RAZA | AI EXPLORER
RAZA | AI EXPLORERvor 17 Tagen

Big launch. ReUI Pro looks like a powerful step toward production-ready AI-generated UI.

Ähnliche Videos

Anthropic's most viral feature is now open-source! Until now, Anthropic's Generative UI capabilities only existed inside its own products. CopilotKit🪁 just shipped Open Generative UI, an open-source implementation of Claude Artifacts that works in any app. The agent generates HTML/SVG at runtime, and CopilotKit streams it token-by-token into a sandboxed iframe inside the app's chat. So the user can watch the UI assemble itself in real time, not after the full response is ready. The sandbox is fully isolated with no access to the parent app, the DOM, or user data. So if the agent hallucinates broken markup or unexpected JavaScript, nothing leaks outside the iframe. Under the hood, the agent does not select from pre-built components. Instead, it generates arbitrary visuals from scratch every time. The output is unconstrained by default, but you can shape it by defining prompt-based skills that teach the agent specific visual formats or guidelines. For instance, a skill prompt can guide the agent toward producing a Chart.js dashboard with proper axis labels and responsive sizing, or an interactive 3D model with rotation controls. The video below shows this in action, and the output quality you see actually comes from the skills layer. Open Generative UI runs on AG-UI, so it works out of the box with LangGraph, CrewAI, Mastra, Google ADK, AWS Strands, and more. It also ships with a standalone MCP server that plugs into Claude Code, Cursor, or any MCP-compatible client. And the entire stack is built on top of CopilotKit, the open-source frontend framework for agents and generative UI. 30k+ GitHub stars, with SDKs for React, Next.js, Angular, and Vue. I have shared the GitHub repo and a live playground in the replies!

Akshay 🚀

87,048 Aufrufe • vor 4 Monaten

Anthropic's in trouble, again! They spent years building what's now fully open-source. What made Claude feel different from a normal app is that the agent could act inside the interface instead of only talking in a chat box. For instance, Claude Artifacts let an agent render real UI, charts, dashboards, and interactive components that assemble live inside the response. Every major AI product tried to replicate it. But the problem was that unlike reasoning, planning, tool-calling, etc., none of it shipped natively with LangGraph, CrewAI, or Google ADK. So teams started building an owned version that required engineering the entire interface layer from scratch. Most teams, however, just settled for shipping the agent as a backend API in a chat box since rendering the UI is only one piece of it. To actually make it work, the interface layer also needed real-time streaming, state kept in sync between agent and UI, conversations that persist across sessions, and reconnection when a user refreshes mid-run. CopilotKit🪁 is now the only open-source framework that actually lets you build your own full-stack Claude-like apps. It decouples the agent from the interface, talking over AG-UI (an open protocol for agent-to-user communication). Being a standard protocol, the frontend never needs to know whether it is talking to a LangGraph or a CrewAI agent. You can change the backend anytime and the UI will never notice. In practice, CopilotKit's interface layer gives several pre-implemented React building blocks that wire the agent directly into the app, like: - generative UI, so the agent renders real components instead of text - chat windows, sidebars, and popups, or a fully headless setup - shared state, so the agent and app stay in sync - human-in-the-loop approvals, where the agent waits before acting - persistent threads that store the whole session, including the agent-user interactions and generated UI, not just text And because that full history is captured, those interactions can feed a self-learning layer that also improves the agent from real usage over time. The interface layer that Anthropic spent years engineering in-house is now literally available to any developer/team. CopilotKit is open-source with 30k+ GitHub stars, and AG-UI, the protocol underneath, is already supported across every major agent framework: LangGraph, CrewAI, Mastra, Google ADK, and more. CopilotKit GitHub repo → (don't forget to star it ⭐ ) If you want to go deeper, I found a detailed breakdown by Shubham Saboo recently on the three Generative UI patterns, with implementation. Read it below.

Avi Chawla

460,618 Aufrufe • vor 3 Monaten

AG-UI makes building agentic applications dramatically easier. Here's how it works. This is a model for a simple chatbot: User → LLM → Response But interactive agents that render UI, pause for approvals, and ask users for input need a much more complex model. When building these agents, a response from the LLM will include a series of state changes as the agent runs: • Agent started a task • Agent called a tool • Agent updated its state • Agent streams these tokens • Agent is waiting on a human • Agent is resuming the task The Agent-User Interaction Protocol (AG-UI) treats the LLM response as a stream of events rather than a text endpoint. In practice, here is what you get as an agent runs: 1. Lifecycle events so your UI knows where the agent is. 2. Text messages that stream tokens. 3. Tool calls so your UI can prefill a form with any required arguments. 4. State updates that keep your UI in sync with the agent. 5. Special events for human approvals, rich media, and custom needs. All of these events travel over standard transports (SSE, WebSockets, or plain HTTP) as JSON. As a result, you can build a frontend that stays in sync with the agent's progress without having to invent a custom process to make this happen. For example, building a human-in-the-loop workflow becomes an off-the-shelf component you can integrate rather than build from scratch. CopilotKit🪁 is the creator of AG-UI, and you can use it when building frontend applications pretty much anywhere: • React • Angular • Vue • React Native • Slack • Teams • Discord • WhatsApp • Telegram Here is the link for you to check it out: Thanks to the CopilotKit team for partnering with me on this post.

Santiago

17,438 Aufrufe • vor 2 Monaten

🙌HERE WE GO - 8 minutes of our vision in plain sight! Three years of bootstrapping, hard work, and a dream come true, all to get our project to a place where you can see that we are building something incredible. Our game is finally ready for our crowdfunding campaign!! 🔮 Operation Safe Place Defense is more than just a game – it’s a mission. Enter a world torn apart by The Ripping, where dimensions collide and heroes rise to defend the innocent. Battle through the In-Between, face off against powerful forces, and experience a story like never before. 💥 🔥 Key Features: ☑️Tactical tower defense with customizable turrets 🔧 ☑️Epic boss fights with dynamic AI 🎮 ☑️Fully Conversational AI NPCs that react to your choices and shape the story 💬 ☑️Third-Person and RTS modes for total control over your gameplay 👾 ☑️A world driven by The Ripping and the conflict within The In-Between ⚔️ ☑️NFTs that unlock exclusive in-game rewards 🎁 ☑️Single-player and Multiplayer modes for personalized or team-based experiences 🎮 ☑️Cross-platform MMO to play with friends across all devices 🌍 ☑️MOBA mode for intense, competitive battles and strategy 🏆 ☑️Blockchain-powered rewards and in-game assets for true ownership 🔗 ☑️Disruptive AI-driven game mechanics that adapt to player strategies 🧠 ☑️Real-time procedural world generation that makes every playthrough unique 🌍 ☑️Augmented reality integration for an immersive experience beyond the screen 📱 💥 JUMP INTO OUR PLEDGE SITE! 💥 We’re launching our Pledge Store, and YOU have the chance to help bring Operation Safe Place Defense to life. Your support unlocks epic rewards, exclusive NFTs, and helps us fight back against the dark forces invading our world through The Ripping and The In-Between. 🌍 💬 Watch the video, explore the features, and pledge today! Let’s make history — together. 💥 LOVE YOU!!

ᴜɴᴄʟᴇ ꜰᴜɴᴋ | OSP Defense

14,662 Aufrufe • vor 1 Jahr