Patterns

Complete page sections built from Skynet UI components — preview them live, then copy the exact markup. Every block below passes npx skynet-ui check.

FAQ

Frequently asked questions

Is it really zero build steps?
Yes. One stylesheet, one script — paste two tags and ship.
Can I use my own colors?
Override the CSS variables in :root, or generate a theme with the theme builder.
Does it work with React or Vue?
Yes — the classes are just classes. See the framework recipes page for the two-line setup.

Testimonials

“Pasted two tags, had a themed dashboard by lunch. It's absurd.”

JR
Jamie R.
Indie hacker

“Our LLM generates valid markup on the first try. The llms.txt idea works.”

AS
Alex S.
AI engineer

“Nine themes and a builder. My clients think I hired a designer.”

MK
Morgan K.
Freelancer

Newsletter signup

Ship faster. Get the changelog.

One email per release. No spam, ever.

404 page

404

This page took the day off

The link may be broken, or the page may have moved. Try the search or head home.

Go home Browse the docs

Maintenance page

Back in a few minutes

We're rolling out an upgrade. Your data is safe and nothing is lost.

Started 12:00 UTC · expected done 12:20 UTC · status: status.example.com

Invoice

Invoice #2041

Paid
Acme Studio LLC
issued Aug 1 · due Aug 15
ItemQtyRateAmount
Design sprint1$4,000$4,000
Implementation (hrs)24$120$2,880
Subtotal $6,880
Tax (0%) $0
Total $6,880

Print this page for the PDF — the print stylesheet strips the chrome automatically.

Settings page

Settings

Onboarding checklist

Get set up

2 of 4 done
  • ✓ Create your account
  • ✓ Pick a theme
  • 3 Invite a teammate Do it
  • 4 Create your first project Do it

HTML email template

skynet-email.html
Email clients don't load external CSS, so the email kit is a separate self-contained file: table-based layout, inline styles, dark-mode @media hints, bulletproof buttons — themed to match Skynet UI defaults. Preview it, then view source and copy the whole file.