BuidgridUI
A comprehensive UI component library for building modern web applications with React.js.
BuildgridUI in numbers
See how many items you can add to your project and start build your UI.
- Componentsand growing
- 30
- Blocksand growing
- 4
- Utilitieshooks, formmaters and more
- 10
Why Choose buildgrid-ui?
Unlock the full potential of your web development projects with these standout features.
Ready-to-Use Components
A rich library of accessible, responsive, and modern components like buttons, inputs, dropdowns, modals, and more. Designed to get you started faster.
Customizable and Theming Support
Easily adaptable to your brand with Tailwind CSS. Supports light and dark modes out of the box, with options for further customization.
Optimized for Performance
Lightweight and tree-shakable components ensure your applications stay fast and efficient.
Utility Functions Included
Enhance your development experience with ready-to-use utilities like debouncing, formatting, and state management hooks.
TypeScript First
Built with TypeScript for better type safety, enhanced developer tooling, and confidence in your code.
Accessible and Compliant
All components are WCAG-compliant, with ARIA roles pre-configured, ensuring a seamless experience for all users.
Comprehensive Documentation
Step-by-step guides, code examples, and a playground for every component. Powered by Docusaurus for an easy learning curve.
Flexible Integration
Tree-shakable ESM, CJS, and UMD builds, allowing seamless integration into any project.
Developer-Friendly
Includes Storybook for testing and exploration, linting and formatting with ESLint and Prettier, and clear contribution guidelines.