Infima
A modern styling framework for content-driven websites 🔥
Infima is not yet ready for production use and is being developed alongside Docusaurus 2
Layout​
Grid​
6
6
4
4
4
3
3
3
3
2
2
2
2
2
2
1
1
1
1
1
1
1
1
1
1
1
1
Spacing​
Components​
Alert​
This is a primary alert. You should probably pay attention to it.
Avatar​
Dan Abramov
Working on @reactjs. Co-author of Redux and Create React App.
Badge​
Primary Secondary Success Info Warning DangerBreadcrumbs​
Button​
Card​
Jared Palmer
Consultant, Speaker, Lead Engineer
Dropdown​
Footer​
Hero​
Hero Title
Not all heroes wear capes
Menu​
Navbar​
Pagination Nav​
Pagination​
Pills​
- Alpha
- Beta
- Gamma
- Zeta
Tabs​
- Alpha
- Beta
- Gamma
- Zeta
Utilities​
Colors​
Primary
Secondary
Success
Info
Warning
Danger
Shadows​
Tall Elevation
Text​
Left aligned text
Center aligned text
Right aligned text
Justified text