Flowstep
Flowstep is an AI design tool. It turns prompts into modern UI with production-ready code export. Flowstep can use screenshots, web links, or PRDs as references. It creates multi-screen UI from 1 prompt. Users can copy&paste their designs to Figma (just ⌘C/⌘V, no plugin needed). Flowstep exports production-ready React, TypeScript, Tailwind CSS (and shadcn/ui components).
It supports real-time and multi-user collaboration. Flowstep has MCP and integrates with coding tools for better dev handoff.
Flowstep offers a free tier. Starter plan is from $15/month and includes 80 messages. Usage is message-based, not credit-based. Flowstep helps designers and developers move from idea to working UI with code export.
Learn more about Flowstep
Shadcn UI Kit
Shadcn UI Kit is a production-ready UI toolkit built to help developers and teams design, build, and ship modern web applications faster. It offers a curated collection of high-quality, fully customizable components and full-page templates built with Next.js, Tailwind CSS, and shadcn/ui, following best practices for accessibility, performance, and scalability.
What’s inside the Shadcn UI Kit?
Production-ready Admin Dashboard templates, a flexible library of UI blocks and components, premium website templates, a synchronized Figma UI Kit for rapid design workflows, and an optional Boilerplate starter (coming soon) with planned integrations for authentication, email workflows, advanced theming, and multilingual support
Why Shadcn UI Kit?
Instead of spending weeks rebuilding common UI patterns, Shadcn UI Kit gives you a polished, production-ready foundation to accelerate development without sacrificing flexibility
Learn more about Shadcn UI Kit
Onlook
Onlook is a next-generation, open source, visual-first editor that empowers designers and product managers to craft and edit React and Next.js web experiences in real time, without leaving a browser-like interface. With seamless integration into existing codebases, Onlook enables live DOM editing alongside immediate code synchronization and deployable output. Its visual editor supports drag-and-drop layout changes, Tailwind CSS styling, layer navigation, and responsive breakpoint handling. AI-powered assistance helps generate components from descriptions, maintain design system consistency (with global styles, typography, and color tokens), convert Figma designs into interactive code, and offer smart design suggestions. Designers can import projects from GitHub or Figma, iterate with instant visual feedback via live previews, manage version control with checkpoints and real-time updates, and deploy directly from the platform.
Learn more about Onlook
Bolt.new
5.0 out of 5 stars
(1 Rating)
Bolt.new is an AI-powered app development platform that allows users to build full-stack applications directly from their browser. It enables users to create websites, web apps, and prototypes using simple natural language prompts. The platform automatically generates code, sets up project structure, and deploys applications without requiring manual setup. Users can edit and refine their projects in real time within an integrated browser-based development environment. Bolt.new eliminates the need for installing tools or configuring local environments. It supports rapid prototyping, making it easy to turn ideas into working applications quickly. Overall, Bolt.new simplifies and accelerates software development for both technical and non-technical users.
Learn more about Bolt.new