AMNT UI
NewShip Kit 0.4: teams, admin and two-step sign-in

The UI kit you own.

50+ parts for Next.js and Tailwind. Phone first, light and dark, no component library underneath. One command copies them into your project.

Terminal
npx amnt-ui add
Browse the partsGet the Ship Kit

Free · MIT · 339 icons · Figma tokens · Claude plugin

look: "ink"Black and white, the art is the colour. Our own pixel titles.

Good morning, Ada

Here is how the week went.

Revenue$12,480+18%vs last month
Active1,204−3%
Plans258+12
Oct 17

5227

  • This week
  • Last week
Visitors
LabelThis weekLast week
Oct 81210
Oct 91812
Oct 101514
Oct 112213
Oct 123018
Oct 132820
Oct 143522
Oct 153321
Oct 164025
Oct 175227
Pro
parts, all working
50+
icons
339
looks
21
UI libraries underneath
0

Every part, live

Not screenshots. The real thing.

Each group below opens a page where every part works: type in it, sort it, tab through it.

See all of them

In the Ship Kit

21 looks. One word to change.

Colours, font, corners and light or dark, all from one line. The same page turns pink, lilac, lime or black. Pick one in the box at the top of this page.

ship.config.ts
look: "blush",
header: { style: "utility", tone: "base" },
hero: { style: "poster" },
footer: { style: "wordmark", tone: "ink" },

Built for real products

What is different here

  • Colour roles, not colours

    Parts say what a colour is for. Dark mode and your brand colour come free.

  • Keyboard and screen readers

    Every part works with the keyboard, has labels, and has 48 px touch targets.

  • Phone first

    Sheets rise from the bottom on a phone, tables fold, menus stay reachable.

  • You own the code

    It is copied into your project. No package to update, no lock-in.

Two ways in

Start free. Add the rest when you need it.

AMNT UI

Free

MIT. Use it in anything.

  • 50+ parts and 6 page layouts
  • Colour roles, light and dark
  • 339 Material Symbols icons
  • Figma tokens (DTCG)
  • One-command install
  • Claude plugin, AGENTS.md, llms.txt
Install it

AMNT Ship Kit

$199 once

Everything free, plus the product.

  • Sign-in with email code or Google, two-step
  • Stripe top-ups, plans and a Balance
  • Teams with roles, admin panel, audit log
  • 6 languages incl. Arabic (right to left)
  • 21 looks and the landing blocks
  • Landing, blog, docs, legal pages, emails
Get early accessWhat's inside

Made for AI agents too

Tell Claude what you want. It knows the parts.

A Claude plugin, an AGENTS.md and an llms.txt teach any agent the rules, so it composes with the real parts instead of inventing its own.

Claude Code
claude plugin marketplace add amntio/amnt-ui
claude plugin install amnt-ui@amnt
llms.txtAGENTS.mdHow it works

Questions

What people ask first

Is it really free?
Yes. The parts are MIT: use them in anything, free or paid, no credit needed. The Ship Kit is the paid product built on top.
How is it different from other UI kits?
The parts use the browser's own popover and dialog, not a second component library, and they take colour roles instead of fixed colours. So dark mode and your own brand colour come free. One command adds them and wires Tailwind for you: npx amnt-ui add.
Does it work with Tailwind 4?
Yes. Tailwind 4 and 3.3+. npx amnt-ui add was tested on fresh create-next-app projects with both, and next build.
What do I get if I buy the Ship Kit?
A finished SaaS you rename and launch: sign-in with two-step, Stripe and a Balance, teams, an admin panel, six languages, 21 looks, landing pages, blog, docs and legal pages. See the Ship Kit page for the full list.
Can I use the Kit for my clients?
Yes. Build as many sites as you like with it, yours or your clients'. You may not sell or publish the source code itself, or use it to make a competing kit.
Is there a Figma file?
The colour, spacing, corner and type tokens are in Figma's standard token format. The parts themselves are code, not Figma frames.

Copy the parts in. Ship this week.

Install it freeSee the Ship Kit