Naki UI

Tasks

Keep track of your daily priorities

 2 of 10 done 8 items left Built with Jaspr & Naki UI

Basics

The widgets every screen starts with. Button RichText Compose styled spans just like in Flutter. Icon Spinner Banner

Inputs

Text entry with validation built in. TextField with focus FormBuilder
AutoCompleteField

Try typing "a" to see suggestions

 SegmentedInput
Calendar Calendar with limits

Selection

Controlled toggles, just pass the value and a callback. Checkbox RadioButton Switch Slider 40 Dropdown
Choose priority Low Medium High Premium Plans Platinum Enterprise

Layout

Row, Column and friends, as flexbox and grid underneath. Card Card Card.outline Card.filled Card.glass Stack & Positioned Featured Wrap Jaspr Dart SSR Hydration Theming Forms Overlays ExpansionTile
Yes, on top of Jaspr server rendering.
AspectRatio YouTube video aspect ratio

Scrolling

Scroll views with physics and scrollbar styling. ListView - Bouncing Scroll Physics Contact 1 Contact 2 Contact 3 Contact 4 Contact 5 Contact 6 Contact 7 Contact 8 Contact 9 Contact 10 Contact 11 Contact 12 Contact 13 Contact 14 Contact 15 Contact 16 Contact 17 Contact 18 Contact 19 Contact 20 GridView Tile 1 Tile 2 Tile 3 Tile 4 Tile 5 Tile 6 Tile 7 Tile 8 Tile 9 CarouselView
Tile 1
Tile 2
Tile 3
Tile 4
Tile 5
Tile 6
Table
User Role
John Admin
Sam Editor
Kai Viewer
StaggeredView Everyday leather boots Everyday leather boots Ama Boateng Vintage Continental Vintage Continental Leo Martin Morning desk notes Morning desk notes Priya Nair Clean studio setup Clean studio setup Noah Kim Misty mountain ridge Misty mountain ridge Sofia Rossi Dune grass at the shore Dune grass at the shore Kofi Mensah Street walks Street walks Mina Park Beach day finds Beach day finds Eli Cohen

Overlays

Controller driven, with focus and Escape handled for you. Dialog BottomSheet Drawer Snackbar Popover Tooltip
TasksBasicsFormsLayoutOverlays