Skip to main content

Components

Built with NachUI

18

Real pieces of product UI built with the library: 18 compositions running live on this page, each one a click away from its docs.

Invite teammates, assign roles and remove access. Owners can transfer the workspace.
Accordion1 example
Team
LRMSAT
  • LRLucia ReyOwner
  • MSMarco SosaAdmin
  • ATAna TorresMember
Avatar1 example
dpl_9fk2axmain
Ready
dpl_7hs1qefeat/tree
Building
dpl_4lm8zrfix/nav
Queued
dpl_2pw6cnchore/deps
Failed
Badge1 example
Here is the deck for tomorrow.
q3-review.pdf2.4 MB
3
Got it, reviewing tonight.
Bubble1 example
Button1 example

Revenue

$48,210+12.4%

Active users

3,904+3.1%

Churn

1.8%-0.4%
Card1 example
Context Menu1 example
Dialog1 example

Inbox zero

Every notification is handled. New mentions, reviews and deploy alerts will land here.

or press R to refresh
Empty1 example

Verify your identity

Upload a passport or ID card. We delete the files once the review is done.

Drop your documents

PDF, PNG or JPG, up to 10 MB each

File Upload1 example

Production

Everything deployed from the main branch.

Web

nachui.techLive
docs previewBuilding

API

api.nachui.techLive
Frame1 example
  • Instant previewsEvery push gets a URL in under a minute.
  • Signed buildsArtifacts are verified before they reach production.
  • Usage insightsRequests, errors and latency per route.
Icon Tile1 example

Sign in

Use your work email to continue.

Forgot password?
Input1 example
How do I theme the components?
Assistant
Every color is a CSS variable in globals.css. Override the tokens on :root for light mode and on .dark for dark mode, and all the components pick them up. No config file involved.
Message1 example
MemberRole
Lucia ReyOwner
Marco SosaAdmin
Ana TorresMember
8 members
Pagination1 example

Email

Mentions

When someone mentions you in a comment.

Weekly digest

A summary every Monday morning.

Push

Deploys

Success and failure of every deploy.

Alerts

Uptime and error rate thresholds.

Switch1 example
app.nachui.tech/northwind
Tabs1 example

Deployments

  1. e9061f9

    Live
    Production 2 min ago

  2. a230044

    Superseded
    Production 1 hour ago

  3. e841f0d

    Failed
    Preview Yesterday

  4. 726cc22

    Superseded
    Preview 2 days ago
Timeline1 example
Ctrl+I