# Sakani UI

> Source: <https://www.sakaniui.com>
> Published: 2026-11-05 18:39:43+00:00

# Design and engineering,finally on the same page.

130+ components and 42 blocks, matching your Figma file exactly, so designers hand off what engineers already have. With the SakaniUI MCP server and agent skill, your AI assistant builds from that same source of truth instead of guessing.

app.sakani.com/dashboard

[See it live](#showcase)

## Maps, glass, charts andfull product screens

Live, not screenshots. Real SakaniUI components wired to real data, each one a single import.

[Explore the components](https://www.sakaniui.com/docs/components/map)

### Revenue

Last 30 days

[Liquid glassSurfaceApple-style glass that bends the photo behind it. Pick the lens up and drag it.](https://www.sakaniui.com/docs/glass)

Quarter goals

Product scorecard

Signups this week

[ChartsChartRadial, radar and bar charts that tween as the data changes.](https://www.sakaniui.com/docs/components/radial-chart)

## The everyday pieces,finished

Forms, menus, steppers and feedback with keyboard support and quiet motion. Try them.

[Browse all components](https://www.sakaniui.com/docs)

Upload failed

invoice.pdf is over 10 MB.

Invoice sent

INV-2481 is on its way.

Payment received

$1,240 from Acme Ltd.

[ToastFeedbackShort results that stack at the edge and settle in order.](https://www.sakaniui.com/docs/components/toast)

November 2026

SuMoTuWeThFrSa

[CalendarData entryPick a date or a range without leaving the page.](https://www.sakaniui.com/docs/components/calendar)

Uploading assets18%

Building tokens8%

Publishing30%

[ProgressFeedbackLinear progress for uploads, builds and publishing.](https://www.sakaniui.com/docs/components/progress)

130+ components and 42 blocks, MIT licensed and free, no account needed.

## Built for real products

Real dashboards and apps shipped with Sakani.

1. Financial overview dashboard. Finance
2. Procurement kanban board. Procurement
3. Team management, dark mode. Team
4. Storefront product listing with filters. Storefront
5. Data management settings. Settings
6. Workspace overview dashboard. Overview

## Real dashboards, not mockups

Real Sakani blocks and a real production app, not screenshots: hover the sidebar, switch tabs, scroll the table. It all works.

 Fully interactive, try it

app.yourcompany.com/projects