Core Examples
Accessible React components with Base UI and Yumma CSS.
Base
Standard implementation with default configuration.
Group Examples
Groups, nesting, and parent-child relationships.
Group Base
Standard group configuration with default styling.
Shape Examples
Shapes from sharp to fully rounded.
Square
Applies sharp corners with no br-(value).
Squircle
Applies a smooth continuous curve between adjacent corners.
More Examples
Additional variants and interactive states.
Color Picker
A group of color swatches with single selection.
Static
Renders without motion wrappers or interactive animations.