Nakko is a light-mode dashboard UI kit for AI agent products. Teams chat with a copilot, build their own agents, let them run tasks, and approve what an agent wants to do before it happens.

Every screen shares one workspace, so people, agents, runs and numbers stay consistent from sign in to settings. Tool calls, run timelines and approvals are shown step by step, so it's always clear what the AI did and what a human signed off.

What's inside

• 91 dashboard screens at 1440 wide, light mode
• Responsive ready: every screen also comes as an iPhone 16 layout (393 wide) with tab bar, bottom sheets and keyboard states
• 15 flows: Auth & Onboarding, Home, Chat, Agents, Agent Builder, Run Detail, Approvals, Knowledge, Integrations, Automations, Analytics, Team, Settings, Notifications, System states
• Human-in-the-loop approvals with approve, reject and edit before running
• Cost and usage charts with budget lines and threshold labels
• Design library with color styles (full 50–900 ramps), text styles, effect styles, icons, brand logos and 37 components with variants

How it's built

• Auto layout on every screen and card
• Every color comes from a color style, with no variables to untangle
• Frames numbered by flow (0201 is the second screen of Chat), each flow in its own column
• Fictional people and companies with realistic data

Font: Plus Jakarta Sans (free on Google Fonts).