Welcome to UIBrix — an open-source collection of pre-built, production-ready React and HTML components built to power modern web dev.
Whether you're building a landing page, a dashboard, or a full-stack app, UI Brix helps you skip the repetitive grind and focus on what matters — your product.
/website/— A Next.js (TypeScript) app to browse, search, and favorite components./packages/— Reusable UI components (React/TS), utility functions, HTML+Tailwind snippets.- Built with: Next.js, TypeScript, TailwindCSS, pnpm workspaces.
🌐 UI Brix
git clone https://github.com/FL45h-09/uibrix
cd uibrix-monorepo
pnpm install
pnpm dev
| Package | Description |
|---|---|
@uibrix/_brix |
Core React components |
@uibrix/utils |
Reusable logic / utilities |
@uibrix/html |
Plain HTML + Tailwind blocks |
We 💖 contributions!
If you want to improve a component, fix bugs, or suggest new features:
Fork the repo
Create a new branch
Work your magic
Open a pull request
See CONTRIBUTING.md for the full guide.
Join our dev chat Discord
Use the #uibrix hashtag when sharing
MIT — feel free to use it for personal or commercial projects.
Maintained by @FL45h-09 and the amazing contributor community. Made with ☕, 🔥, and a hatred for rebuilding buttons over and over.
feature/component-button feature/component-button/hoverfix feature/component-button/responsive-fix
- Header / Hero Section – big SEO keywords, high CTR (e.g. TailGrids hero examples) Flexy UI
- Navbar (desktop + mobile hamburger) – essential for navigation and crawlers
- Footer – links, sitemap, schema markup for SEO
- Button with variants – super search traffic & usage
- Input / Search Box / Autocomplete – users search — e.g., "Google‑style search bar"
- Dropdown / Select / ComboBox – Headless UI combobox is popular
- Modal / Dialog – high utility for user actions (tailadmin.com)
- Accordion / FAQ – common SEO-friendly content toggle
- Tabs – organize content cleanly (floatui.com)=
- Tooltip / Popover – small hints for better UX (floatui.com)
- Checkbox / Switch – forms UX basics
- Radio Group – common input variant (tailwindresources.com)
- Table – used in dashboards, SEO-rich data structure (creative-tim.com, Flexy UI)
- Pagination / Infinite Scroll – for blogs/dashboards with lots of content (helpy-ui)
- Card – product, blog, team member display (floatui.com)
- Carousel / Slider – hero banners, product galleries (tailadmin.com)
- Breadcrumb – SEO structure
- Avatar / Profile Card – user identity UI (tailwindresources.com)
- Progress bar / Spinner (Loader) – improve UX during async action (floatui.com)