React UI
Edit page
Home
Key Concepts What's Included
Getting Started
Customize
Foundation
Components: UI
Components: Layouts
CSS Helpers
Readme

# React UI

React UI is a themeable and performant UI library for React apps.

Make your UI look like Bootstrap, Material Design or almost any other design just with a few lines of CSS!

##
Key Concepts

Why another UI library? Because we couldn't find any library that would meet these requirements:

- 🎨 Full control over design. Hundreds of CSS custom properties allow you to customize the design of your app without touching any JS.

- 📦 Smart defaults, out of the box. Create rapid prototypes that look great with no additional effort.

- 🚀 Small bundle size. Because performance matters.

## What's Included

React UI consists of four building blocks:

1. Foundation CSS: basic themeable CSS layer. Mandatory ground zero for components.
   Learn how to get started quickly.

2. Components: reusable and themeable React components and layouts: buttons, cards, lists, and more.

3. Theme: a collection of CSS custom properties that define the visual appearance of the UI. Learn how to create a theme.

4. Helper CSS classes (optional): tiny CSS classes with notation inspired by Bootstrap. They can handle details like typography, spacing, colors, etc.

Get started →