Introducing Prefab 🎨 A generative UI framework for building... MCP Apps, data dashboards, or whatever you (or your agent) want. In Python. (Really.) 100+ shadcn components. Real React. No JavaScript required. And built right into FastMCP 3.2.show more

Introducing Generative UI for MCP Apps One server. Infinite... interfaces. Instead of building views, define a component catalog. The AI assembles the right UI based on your API, CLI or MCP server tools. Works in Claude, ChatGPT, VS Code, Cursor and moreshow more

Here is an awesome shadcn alternative Coss UI (previously... Origin UI) by coss.com. beautiful, slick, accessible React components, built on Base UI, and maintained by top frontend engineers like Colm Tuite Still, if you want to stick with Radix UI, nothing really matches what shadcn offersshow more

Introducing Themes ✨ 🎨 Build onchain apps with our... ready-to-use UI components. Fully customizable building blocks to match your brand.show more

🎨 Artifacts support in Agent Chat UI Need to... render generative UI components outside of the chat window? Together with streaming, you can create interactive UI components that go beyond chat!show more

Introducing prompt-kit A set of high-quality, customizable components for... building AI interfaces. Built on top of shadcn/ui, starting with PromptInput, a flexible input field for chatting with AI models. New components coming soon!show more

5 sites for web developers - React CSS components... - Full-stack app hosting (JavaScript, PHP, Python...) - Tailwind CSS library - SVG logos - Typescript UIshow more

Google ADK 🤝 AG-UI Excited to welcome ADK into... the AG-UI ecosystem. Bring your ADK agents into Fullstack applications and allow them to collaborate with users in real time. Includes: - Agent UI (headless UI or pre-built components) - State synchronization (between agent app) - Frontend tool calls - Human-in-the-Loop Demo & more👇show more

✨ Introducing Magic UI 🪄 A UI library of... animated components to build beautiful landing pages. Built using React, Tailwind CSS and Framer motion. 100% Free and Open Source.show more

✨ Introducing Portfolio A simple template to build a... minimal personal site + dev blog Built using React, Tailwind CSS, shadcn and Magic UI 100% Free and Open Source.show more

TrendTrack API & MCP are live Connect it to... Claude, GPT, Gemini or any tool you already use. What you can pull : Winning ads before they saturate Scaling stores before everyone spots them Email campaigns from your competitors Hooks that are converting right now Everything you see on TrendTrack can now be extracted and processed by AI. How to use it ? API → integrate TrendTrack data directly into your tools, dashboards, or custom apps MCP → connect TrendTrack to any LLM. Claude, GPT, Gemini, Perplexity. Ask a question, it pulls the data itself, responds in real time Start building now →show more

React Native now has its own shadcn/ui equivalent —... introducing 𝗡𝗮𝘁𝗶𝘃𝗲𝗨𝗜. If you love the flexibility of copying customisable components directly into your project (avoiding heavy, dependency-laden packages), NativeUI is designed for you. 𝗡𝗮𝘁𝗶𝘃𝗲𝗨𝗜 offers beautifully crafted, accessible components tailored for React Native, following the same copy-paste philosophy as shadcn/ui. Built with 𝗡𝗮𝘁𝗶𝘃𝗲𝗪𝗶𝗻𝗱 for fast, declarative, and flexible styling optimised for React Native. ➡️ 𝗖𝗼𝗽𝘆 𝗰𝗼𝗺𝗽𝗼𝗻𝗲𝗻𝘁 𝗰𝗼𝗱𝗲 𝗱𝗶𝗿𝗲𝗰𝘁𝗹𝘆 𝗶𝗻𝘁𝗼 𝘆𝗼𝘂𝗿 𝗽𝗿𝗼𝗷𝗲𝗰𝘁 — no black-box dependencies required. ➡️ 𝗖𝗼𝗺𝗽𝗼𝗻𝗲𝗻𝘁𝘀 𝗮𝗿𝗲 𝗮𝗰𝗰𝗲𝘀𝘀𝗶𝗯𝗹𝗲 𝗯𝘆 𝗱𝗲𝗳𝗮𝘂𝗹𝘁, supporting screen readers and keyboard navigation, and designed to align with native iOS and Android UX patterns. ➡️ 𝗙𝘂𝗹𝗹 𝗰𝗼𝗻𝘁𝗿𝗼𝗹 𝗼𝘃𝗲𝗿 𝘆𝗼𝘂𝗿 𝗨𝗜 without rebuilding common elements like buttons, inputs, or sliders from scratch. ➡️ 𝗖𝗼𝗺𝗽𝗮𝘁𝗶𝗯𝗹𝗲 𝘄𝗶𝘁𝗵 𝗘𝘅𝗽𝗼 𝗮𝗻𝗱 𝘃𝗮𝗻𝗶𝗹𝗹𝗮 𝗥𝗲𝗮𝗰𝘁 𝗡𝗮𝘁𝗶𝘃𝗲 𝗽𝗿𝗼𝗷𝗲𝗰𝘁𝘀, but not yet integrated with Tamagui’s styling system (future support may be planned). ➡️ 𝗦𝘂𝗽𝗽𝗼𝗿𝘁𝘀 𝘁𝗵𝗲𝗺𝗶𝗻𝗴 𝘃𝗶𝗮 𝗡𝗮𝘁𝗶𝘃𝗲𝗪𝗶𝗻𝗱 — though you’ll need to wire it up manually using Tailwind variables, context providers, and config files. Note: The term “install” in the documentation refers to using the shadcn CLI (e.g., npx shadcn@latest add component) to fetch and copy component code into your project, not adding a package to your dependencies. NativeUI isn’t a plug-and-play library; it’s a lightweight toolbox that empowers you to shape your UI with precision and control. 𝗪𝗵𝗮𝘁’𝘀 𝘆𝗼𝘂𝗿 𝗽𝗿𝗲𝗳𝗲𝗿𝗲𝗻𝗰𝗲: npm install a pre-built UI kit for speed, or copy/paste NativeUI components for ultimate customisation? #ReactNative #KeyboardUX #MobileDev #OpenSource #JSDev #Performance #iOSDev #KeyboardExtensions #ReactNativeKeyboard #UIUX #shadcn #nativeuishow more

✨ Introducing Mobile A beautiful landing page template for... your mobile app Built using Next.js, Tailwind CSS, shadcn and Magic UIshow more

Storybook MCP for React is here 🎉 Storybook MCP... gives AI agents structured context from your components and design system to build better UI the first time. 🧵 ⤵show more

Generate your own optimized cursor rule directly from your... package.json, now live on Cursor Directory! Built using: ◇ Next.js - Framework ◇ Vercel - Hosting ◇ AI SDK - AI Toolkit ◇ xAI - LLM ◇ shadcn - UI Components Link and open source ⬇️🧵show more

Introducing Snowflake Workspaces — the unified environment where developers... build, test, and collaborate on data and AI projects. Code in SQL, Python, or @Streamlit — all inside the Snowflake AI Data Cloud. Fast. Secure. Built for the way you work.show more

what nobody told you about javascript react components…

Introducing Taskade for Vibe Builders. Connect your apps. Automate... your business. One-shot prompt → business-in-a-box. Dashboards. CRMs. Portals. Tools. All synced to your data. All alive. Your workspace now thinks, learns, and acts. Explore:show more

Hotel management dashboard template. Built with React, Tailwind CSS... & shadcn/ui 👇👇show more

Want your UI animations to react to real data... in real time? In this tutorial, Daria Nevezhyna explores Data Binding in Rive to connect visuals, logic, and interaction. You'll learn how to build a dynamic gold price calculator from scratch:show more

8. Web programming using Python and JavaScript. Following CS50,... this course offers an advanced exploration into web development, focusing on Python, JavaScript, and SQL with frameworks including Django, React, and Bootstrap. URL:show more