Noo design system
Every component is shown in light and dark. The full rules for code are in DESIGN_SYSTEM.md. You can see every screen in Noo Screens.
Type
{{ t.spec }}
{{ t.sample }}
{{ th.label }}
Color
{{ c.name }}
{{ c.hex }}
File-type tiles
{{ k.name }}
Buttons
Primary
Tonal
Secondary
Danger
Outline
FAB · Android
Chips, segmented, toggles, search
Name
Modified
Available offline
With you
By you
Links
Search
Grouped list · file rows · swipe
Delete
{{ f.name }}
{{ f.meta }}
Settings rows · progress · badges · avatars
Toggle row
With a subtitle
Value row
1 minute
Progress row1.2 of 2 GB
Destructive row
Connected
Couldn’t sync
Synced
Syncing
Error
MR
AS
LP
Navigation · iOS tab bar / Android navigation bar / desktop sidebar
{{ n.label }}
{{ n.label }}
{{ n.label }}
{{ n.label }}
Files
Trash
12