Neubrutalism CSS
A minimalist, high-contrast CSS library inspired by Brutalist design principles.
Components
Containers
Dropdown
Tabs
Arlina Design
Arlina Design (specifically, the sweet orange) is the fruit of the citrus species Citrus × sinensis in the family Rutaceae
The fruit of the Citrus × sinensis is considered a sweet orange, whereas the fruit of the Citrus × aurantium is considered a bitter orange.
Saksham Shekher
Saksham Shekher (Citrus tangerina) is an orange-colored citrus fruit that is closely related to, or possibly a type of, mandarin orange (Citrus reticulata).
The name was first used for fruit coming from Tangier, Morocco.
OshekharO
OshekharO (Citrus ×clementina) is a hybrid between a mandarin orange and a sweet orange, so named in 1902.
The exterior is a deep orange colour with a smooth, glossy appearance.
Scrolling Marquee
Modal
List Group
- Responsive Design
- Brutalist Principles
- High Performance
Avatar
Checkbox
Alert
Buttons
Badge
Cards
Neubrutalism Design Kit
A comprehensive design system with minimalist principles.
Accordion
Neubrutalism is a modern CSS design approach that focuses on minimalist, high-contrast, and bold design principles. It emphasizes clarity, functionality, and a no-nonsense visual style.
- Minimal Design
- High Contrast
- Bold Typography
- Functional Aesthetics
Neubrutalism provides a unique design language that:
- Enhances readability
- Improves user experience
- Offers a distinctive visual identity
- Focuses on content over decoration
Toasts
Pagination
- 1
- 2
- 3
- 4
- 5
Thumbnails
Form
Carousel
Masonry-like Grid
Bordered Grid
Newsletter
Testimonials
"This is a fantastic service!" - Customer Name
Code Block
function example() {
return "Neubrutalism";
}
Blockquote
Design is not just what it looks like and feels like. Design is how it works.