Accessible UIs Without the Tailwind Toolchain
Fabricate does not include shadcn/ui. shadcn/ui is styled with Tailwind, and Fabricate apps are styled with hand-written CSS in a single stylesheet (public/styles.css) with no Tailwind build step. What you get instead is components you own outright, in plain CSS you can read -- and when you want accessible primitives, npm libraries such as Radix UI can be added and styled with that same CSS.
Generated UIs use one set of CSS variables for colors, spacing, and typography, so every component follows the same visual language.
Generated components use semantic HTML, labels, and keyboard handling. Ask for Radix UI primitives when you want their built-in ARIA and focus management.
As with shadcn/ui, components live in your project as plain React files. Modify any component freely without fighting library constraints.
Request a specific color scheme or visual style and Fabricate updates the CSS variables that drive the whole app's theme.
Dialogs, popovers, selects, menus, and toasts are built as composable React components, or from Radix primitives added as npm packages when you ask.
Ask for dark mode and the AI adds it through CSS variables, keeping light and dark variants consistent across all components.
Explain the UI you need. Mention specific components if you like: "A settings page with tabs, form inputs, and a save dialog."
Fabricate chooses the right components for your use case, written in React and plain CSS, and assembles them into a complete, functional interface.
See the generated UI with your styling applied. Test interactions, keyboard navigation, and responsive behavior.
Request visual changes like "Use a violet accent color" or "Switch to a more compact spacing." The entire theme updates consistently.
On a paid plan, export the code. Components are standard React files with plain CSS and no Tailwind dependency.
shadcn/ui is a popular way to build React interfaces: instead of installing a package, you copy components built on Radix UI primitives and styled with Tailwind CSS into your codebase and own them. Fabricate shares the ownership idea but not the toolchain. Fabricate apps are styled with hand-written CSS in a single stylesheet, with no Tailwind or PostCSS build step, so shadcn/ui's Tailwind classes would not be compiled and it is not included. Generated components are plain React files with readable class names, and when you want accessible primitives, npm packages such as Radix UI can be added and styled from the same stylesheet.
Components: buttons, inputs, selects, dialogs, dropdowns, tables, tabs, cards, and toasts are generated as plain React components with CSS, or built on Radix primitives when you ask.
Customization: Components are in your codebase, not a black-box npm package. Modify any component to match your design system without workarounds.
Accessibility: semantic markup and keyboard handling in generated components, and Radix UI primitives on request for keyboard navigation, focus management, ARIA attributes, and screen reader support.
Deploy apps on Cloudflare with AI. Each app is its own Worker, backed by a Durable Object with built-in SQLite. Global e...
Read moreFabricate does not generate React Native. It builds mobile-first React web apps that run in iOS and Android browsers - h...
Read moreBuild stunning websites using AI. Just describe what you want and Fabricate creates it. No coding required. Database and...
Read moreGenerate complete websites with AI. Describe your vision and get a fully functional website in minutes. No coding needed...
Read moreAI code generation, databases, auth, payments and more.
Read moreDescribe your app and get a frontend, database, logins and a live URL in minutes.
Read moreDescribe what you need and get a working application with sign-in, stored data and a live URL. No coding required. Start free.