sigil/UI
/ Demos

17 Production Templates.

Real sites built with Sigil. Each uses a different preset and demonstrates how token-driven components adapt to any visual identity.

01

AI SaaS Landing

Modern AI product landing with gradient hero, feature grid, and pricing tiers.

sigil
02

Dashboard

Analytics dashboard with KPIs, charts, sidebar navigation, and data tables.

cobalt
03
E-commerce

Product catalog with filters, cart, checkout flow, and order tracking.

kova/demos/ecommerce
04
Developer Docs

Documentation site with sidebar nav, code blocks, and API reference.

etch/demos/dev-docs
05
Startup

Startup landing page with hero, testimonials, and CTA sections.

flux/demos/startup
06
Portfolio

Creative portfolio with project grid, about section, and contact form.

noir/demos/portfolio
07
Blog

Editorial blog with article grid, categories, and reading progress.

strata/demos/blog
08
Agency

Agency site with case studies, team section, and service offerings.

onyx/demos/agency
09
CLI Tool

Developer tool landing with terminal demo, installation guide, and API docs.

cipher/demos/cli-tool
10
Playground

Interactive sandbox with drag-and-drop canvas and live code editing.

dsgn/demos/playground
11
Linear Clone

Dark B2B SaaS landing inspired by Linear. Hero, logo cloud, bento grid, and cinematic CTA.

onyx/demos/linear-clone
12
Vercel Clone

Developer platform marketing inspired by Vercel. Clean hero, feature rows, stats.

crux/demos/vercel-clone
13
Dedalus Clone

Dark developer tool landing inspired by Dedalus. Purple accent, install command.

basalt/demos/dedalus-clone
14
VoidZero Clone

Open source tooling site inspired by VoidZero. Gradient banner, accent headlines.

prism/demos/voidzero-clone
15
Oxide Clone

Industrial hardware site inspired by Oxide. Green accent, terminal hero.

forge/demos/oxide-clone
16
Vite Clone

Build tool landing inspired by Vite. Tabbed install, logo cloud.

helix/demos/vite-clone
17
VitePlus Clone

Unified toolchain site inspired by VitePlus. Light theme, terminal demo.

arc/demos/viteplus-clone
Built with Sigil

Real components, not mockups. Every demo is a working app assembled from the same primitives you ship with.

One preset each

Each demo uses a different aesthetic preset — same components, completely different visual identity.

Open source

Every template is MIT licensed. Clone, customize, and deploy without restrictions.

Get Started with Sigil
Studiodefault
Presets
primary
secondary
background
surface
text
border
accent
success
warning
error
info
display
body
mono
heading wt
600
heading trk
-0.025em
base size
16px
page margin
24px
section pad
64px
card pad
24px
grid gap
24px
stack gap
12px
global
8px
button
8px
card
12px
input
6px
border w
1px
style
card border
card shadow
btn shadow
glow
spring
Type
Duration
0.20
Bounce
1.00
easing
cubic-bezier(0.16, 1, 0.3, 1)
fast
150ms
normal
200ms
slow
300ms
hover scale
1.02
press scale
0.98
hover lift
-1px
stagger
50ms
weight
transform
hover
active scale
0.98
min-width
0px
letter sp
0.000em
icon gap
8px
shadow
hover
border
shadow
padding
24px
title size
1px
title wt
desc size
0.875px
aspect
outline
height
36px
focus ring
2px
focus ring
h1 size
2.25px
h2 size
1.875px
h3 size
1.5px
h4 size
1.25px
weight
tracking
-0.020em
leading
1.20
pattern
pattern α
0.03
noise
gradient
grad angle
180°
height
50px
blur
12px
border
padding
24px
item gap
24px
min-height
600px
padding Y
80px
content-max
680px
layout
title size
56px
desc size
18px
padding Y
64px
max-width
600px
layout
title size
36px
padding Y
48px
columns
4
gap
36px
content-max
1200px
rail-gap
24px
grid-cell
50px
cross-stroke
1.5px
navbar-h
50px
bento-gap
16px
grid lines
dots
cell borders
cell bg
Gutter
Margin
content
hero
navbar
rail visible
enabled