YOUR NEXT INTERFACE HAS CHARACTER
Neo Brutalism.
A library for building differently.
ReactTailwind CSS81 componentsSpace Grotesk
Bold borders. Hard shadows. Every state matters.
TRY IT
Yes, they work.ANCREL
Small pieces. Big ideas.+5
REACT + TAILWIND✳LIGHT & DARK✳PHOSPHOR ICONS✳EDITABLE CODE
01 / THE SYSTEM
From detail to interface.
One shared language for color, shape and what happens when you interact.
/01
Foundations
Palette, typography, borders and shadows. Values you can use and understand.
Read documentation/02Components
Buttons, avatars, skeletons and patterns. Live examples and code for your project.
Read documentation/03States & interaction
Rest, hover, pressed, focus and disabled. Behavior is designed too.
Read documentation02 / PIECES THAT FIT
It goes beyond a button.
Combine identity, content and feedback in a real interface. Try loading and complete an activity to see it respond.
Explore compositionsSTUDY CLUBIN PROGRESS
AN
Hello, Ana.
Today is a good day to create.
Design your next idea
Your progress
One piece at a time.
Make it yours.
Install the pieces you need. Keep control of your code.
Start with Button