UI Builder
UI Builder is a free, open-source UI component library built with React, Next.js and Tailwind CSS. A React component that provides a no-code, visual way to create UIs, compatible with shadcn/ui and custom components. It has 671 GitHub stars and is released under the MIT license.
github.com/olliethedev/ui-builder (opens in a new tab)
Data as of from the GitHub API; description from the project's repository. Report an error
Get started
Copy the files into a new folder with degit (no git history), or clone the repository with git.
npx degit olliethedev/ui-builder my-ui
cd my-ui
npm install # then run the dev script from the READMEgit clone --depth 1 https://github.com/olliethedev/ui-builder.git my-uiSources: GitHub docs on template repositories, degit.
About UI Builder
UI Builder is a shadcn/ui package that adds a Figma-style editor to your own product, letting non-developers compose pages, emails, dashboards, and white-label views with the exact React components you already ship.
Built with
- React
- Next.js
- Tailwind CSS
- shadcn/ui
- TypeScript
Similar templates
More UI components & kits
Blazorblueprintui
blazorblueprintui/ui
A collection of accessible, headless primitives and beautifully-designed components for Blazor inspired by shadcn/ui.
Maintained · last commit Sep 23, 2026
UI components & kitsC#React Multistep
srdjan/react-multistep
React multistep wizard component.
Maintained · last commit Oct 27, 2026
UI components & kitsTypeScriptBladewindui
bladewindui/ui
BladewindUI is an open-source UI component library focused on helping developers build clean, modern, and responsive web applications faster.
Active · last commit Sep 10, 2026
UI components & kitsJavaScriptCoreui Vue
coreui/coreui-vue
Bootstrap 5 based Vue 3 components and directives.
Active · last commit Oct 26, 2026
OfficialUI components & kitsMDXUselayouts
iurvish/uselayouts
Free premium animated React components and micro-interactions built with Framer Motion and Tailwind CSS.
Maintained · last commit Oct 19, 2026
UI components & kitsTypeScriptSpark UI
selemondev/spark-ui
Experience The Magic Of Animated Components.
Active · last commit Oct 8, 2026
UI components & kitsTypeScript
How do I use UI Builder?
Copy the files into a new folder with npx degit olliethedev/ui-builder my-ui (no git history), or fork the repository on GitHub. Then follow the README for the install and dev commands.
Can I use UI Builder for commercial projects?
Yes. UI Builder is released under the MIT license, a permissive license that allows commercial use as long as you keep the copyright and license notice. Third-party assets bundled with it (images, fonts, icons) may have their own terms.
Is UI Builder maintained?
The repository's most recent commit was on Jul 3, 2026. Its latest release is 3.6.0. appsgit only lists templates from repositories with a commit in the last six months.