novixui
Back to home

Browse all

Open-source UI elements crafted with React, CSS, and Tailwind.

UI Kits115

Metric
12.4k
Metric
$8.2k
Metric
94%
SaaS Dashboard
Sidebar · stats · chart
NNovix AI
Design me a hero
Sure! Aurora gradient with a spotlight beam?
Perfect ✨
Ask Nova anything…
AI Chat
Streaming assistant UI
ATLAS · ShopCart · 2
Halo 01$129
Prism 02$149
Aurora 03$179
Ember 04$99
E-commerce
Product grid with shine
novaui
DocsPricingBlog

New · v2

Build interfaces
that feel alive.

Start freeWatch demo
Landing Page
Aurora hero with CTA
Revenue
$142,890
+18.2%
Sessions
8.2k
Signups
1.4k
Retention
72%
Analytics
Revenue + bar chart
Aurora Bloom
Nova · Signals EP
▶
1:243:47
Music Player
Waveform + album art
Portfolio+4.28%
$48,392.14
BTC
Bitcoin
$28,140
▲ 2.4%
ETH
Ethereum
$14,820
▲ 2.4%
SOL
Solana
$5,432
▼ 2.4%
Crypto Wallet
Portfolio + tokens
To do4
Doing2
Done6
Kanban Board
Drag-ready task columns
March
2026
‹›
SMTWTFS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
Calendar
Month view with events
Starter
$9/mo
✓
✓
✓
Choose
POPULAR
Pro
$29/mo
✓
✓
✓
Choose
Team
$79/mo
✓
✓
✓
Choose
Pricing Table
3-tier with popular flag
Inbox 2
All caught up ✨
E
Elena Cruz
Design review ready
2m
M
Marcus Lee
Re: Sprint planning
18m
A
Ava Patel
Shipped new tokens
1h
G
GitHub
PR #482 merged
3h
Inbox
Threaded messages
You●
Marcus
Ava
Elena
🎤📹🖥👋✕
Video Call
Grid + controls
Step 2 of 4

Pick your workspace vibe

Choose the aesthetic that fits your team best.

Aurora
Sunset
Forest
BackContinue →
Onboarding
Stepper + theme picker
Home/Projects
4 items
F
Brand kit.fig
12.4 MB · edited 2h ago
⋯
P
Q4 report.pdf
3.1 MB · edited 2h ago
⋯
V
hero-video.mp4
48.2 MB · edited 2h ago
⋯
{ }
tokens.json
8 KB · edited 2h ago
⋯
File Manager
Browse + previews
Follow
Elena Cruz
Product Designer · Novix UI
1.2k
Followers
842
Following
48
Projects
Profile Card
Cover · avatar · stats
Pulse Analytics
Live
MRR
$48.2k
+12%
Users
12,847
+3.4%
Churn
1.9%
-0.2%
Last 7 daysSignups Revenue
Pulse Analytics
Dashboard · Nebula · Metrics, charts and live KPIs.
OrbitOps
Live
MRR
$48.2k
+12%
Users
12,847
+3.4%
Churn
1.9%
-0.2%
Last 7 daysSignups Revenue
OrbitOps
Dashboard · Lagoon · Metrics, charts and live KPIs.
Beacon Metrics
Live
MRR
$48.2k
+12%
Users
12,847
+3.4%
Churn
1.9%
-0.2%
Last 7 daysSignups Revenue
Beacon Metrics
Dashboard · Sunset · Metrics, charts and live KPIs.
Signal Board
Live
MRR
$48.2k
+12%
Users
12,847
+3.4%
Churn
1.9%
-0.2%
Last 7 daysSignups Revenue
Signal Board
Dashboard · Cosmic · Metrics, charts and live KPIs.
Delta Insights
Live
MRR
$48.2k
+12%
Users
12,847
+3.4%
Churn
1.9%
-0.2%
Last 7 daysSignups Revenue
Delta Insights
Dashboard · Aurora · Metrics, charts and live KPIs.
Vertex OS
Live
MRR
$48.2k
+12%
Users
12,847
+3.4%
Churn
1.9%
-0.2%
Last 7 daysSignups Revenue
Vertex OS
Dashboard · Ember · Metrics, charts and live KPIs.
Northlight
Live
MRR
$48.2k
+12%
Users
12,847
+3.4%
Churn
1.9%
-0.2%
Last 7 daysSignups Revenue
Northlight
Dashboard · Mint · Metrics, charts and live KPIs.
Compass HQ
Live
MRR
$48.2k
+12%
Users
12,847
+3.4%
Churn
1.9%
-0.2%
Last 7 daysSignups Revenue
Compass HQ
Dashboard · Royal · Metrics, charts and live KPIs.
Prism Console
Live
MRR
$48.2k
+12%
Users
12,847
+3.4%
Churn
1.9%
-0.2%
Last 7 daysSignups Revenue
Prism Console
Dashboard · Peach · Metrics, charts and live KPIs.
Atlas Room
Live
MRR
$48.2k
+12%
Users
12,847
+3.4%
Churn
1.9%
-0.2%
Last 7 daysSignups Revenue
Atlas Room
Dashboard · Forest · Metrics, charts and live KPIs.
Waveform
Nebula Sessions · Vol. 3
AmbientChill
1Aurora Drift
3:24
2Silent Bloom
4:12
3Ember Rise
2:58
4Midnight Ion
5:03
⏮▶⏭
Waveform
Music · Nebula · Player with playlist + controls.
Sonar Player
Nebula Sessions · Vol. 3
AmbientChill
1Aurora Drift
3:24
2Silent Bloom
4:12
3Ember Rise
2:58
4Midnight Ion
5:03
⏮▶⏭
Sonar Player
Music · Lagoon · Player with playlist + controls.
Loopline
Nebula Sessions · Vol. 3
AmbientChill
1Aurora Drift
3:24
2Silent Bloom
4:12
3Ember Rise
2:58
4Midnight Ion
5:03
⏮▶⏭
Loopline
Music · Sunset · Player with playlist + controls.
Aria Player
Nebula Sessions · Vol. 3
AmbientChill
1Aurora Drift
3:24
2Silent Bloom
4:12
3Ember Rise
2:58
4Midnight Ion
5:03
⏮▶⏭
Aria Player
Music · Cosmic · Player with playlist + controls.
Frequency
Nebula Sessions · Vol. 3
AmbientChill
1Aurora Drift
3:24
2Silent Bloom
4:12
3Ember Rise
2:58
4Midnight Ion
5:03
⏮▶⏭
Frequency
Music · Aurora · Player with playlist + controls.
Nocturne
Nebula Sessions · Vol. 3
AmbientChill
1Aurora Drift
3:24
2Silent Bloom
4:12
3Ember Rise
2:58
4Midnight Ion
5:03
⏮▶⏭
Nocturne
Music · Ember · Player with playlist + controls.
Reverb One
Nebula Sessions · Vol. 3
AmbientChill
1Aurora Drift
3:24
2Silent Bloom
4:12
3Ember Rise
2:58
4Midnight Ion
5:03
⏮▶⏭
Reverb One
Music · Mint · Player with playlist + controls.
Tempo Deck
Nebula Sessions · Vol. 3
AmbientChill
1Aurora Drift
3:24
2Silent Bloom
4:12
3Ember Rise
2:58
4Midnight Ion
5:03
⏮▶⏭
Tempo Deck
Music · Royal · Player with playlist + controls.
Chord Studio
Nebula Sessions · Vol. 3
AmbientChill
1Aurora Drift
3:24
2Silent Bloom
4:12
3Ember Rise
2:58
4Midnight Ion
5:03
⏮▶⏭
Chord Studio
Music · Peach · Player with playlist + controls.
Drift Radio
Nebula Sessions · Vol. 3
AmbientChill
1Aurora Drift
3:24
2Silent Bloom
4:12
3Ember Rise
2:58
4Midnight Ion
5:03
⏮▶⏭
Drift Radio
Music · Forest · Player with playlist + controls.
Cortex Chatgpt-4o · 2.1k ctx
Draft a launch email for our new pricing tier.
Here's a warm, direct draft focused on value. Adjust tone as needed.
Subject: A smarter way to scale ✨
Hi {name} — we just rolled out…
Typing…
Ask anything…↵
Cortex Chat
AI Chat · Nebula · Assistant console + composer.
Sage Consolegpt-4o · 2.1k ctx
Draft a launch email for our new pricing tier.
Here's a warm, direct draft focused on value. Adjust tone as needed.
Subject: A smarter way to scale ✨
Hi {name} — we just rolled out…
Typing…
Ask anything…↵
Sage Console
AI Chat · Lagoon · Assistant console + composer.
Beacon AIgpt-4o · 2.1k ctx
Draft a launch email for our new pricing tier.
Here's a warm, direct draft focused on value. Adjust tone as needed.
Subject: A smarter way to scale ✨
Hi {name} — we just rolled out…
Typing…
Ask anything…↵
Beacon AI
AI Chat · Sunset · Assistant console + composer.
Threadlinegpt-4o · 2.1k ctx
Draft a launch email for our new pricing tier.
Here's a warm, direct draft focused on value. Adjust tone as needed.
Subject: A smarter way to scale ✨
Hi {name} — we just rolled out…
Typing…
Ask anything…↵
Threadline
AI Chat · Cosmic · Assistant console + composer.
Muse Copilotgpt-4o · 2.1k ctx
Draft a launch email for our new pricing tier.
Here's a warm, direct draft focused on value. Adjust tone as needed.
Subject: A smarter way to scale ✨
Hi {name} — we just rolled out…
Typing…
Ask anything…↵
Muse Copilot
AI Chat · Aurora · Assistant console + composer.
Halo Chatgpt-4o · 2.1k ctx
Draft a launch email for our new pricing tier.
Here's a warm, direct draft focused on value. Adjust tone as needed.
Subject: A smarter way to scale ✨
Hi {name} — we just rolled out…
Typing…
Ask anything…↵
Halo Chat
AI Chat · Ember · Assistant console + composer.
Prompt Deckgpt-4o · 2.1k ctx
Draft a launch email for our new pricing tier.
Here's a warm, direct draft focused on value. Adjust tone as needed.
Subject: A smarter way to scale ✨
Hi {name} — we just rolled out…
Typing…
Ask anything…↵
Prompt Deck
AI Chat · Mint · Assistant console + composer.
Ion Assistantgpt-4o · 2.1k ctx
Draft a launch email for our new pricing tier.
Here's a warm, direct draft focused on value. Adjust tone as needed.
Subject: A smarter way to scale ✨
Hi {name} — we just rolled out…
Typing…
Ask anything…↵
Ion Assistant
AI Chat · Royal · Assistant console + composer.
Loop AIgpt-4o · 2.1k ctx
Draft a launch email for our new pricing tier.
Here's a warm, direct draft focused on value. Adjust tone as needed.
Subject: A smarter way to scale ✨
Hi {name} — we just rolled out…
Typing…
Ask anything…↵
Loop AI
AI Chat · Peach · Assistant console + composer.
Kairosgpt-4o · 2.1k ctx
Draft a launch email for our new pricing tier.
Here's a warm, direct draft focused on value. Adjust tone as needed.
Subject: A smarter way to scale ✨
Hi {name} — we just rolled out…
Typing…
Ask anything…↵
Kairos
AI Chat · Forest · Assistant console + composer.
-25%
Nebula Ed.
Boutique
Handcrafted, limited run.
SMLXL
$189$249
Boutique
Commerce · Nebula · Product card + variant picker.
-25%
Lagoon Ed.
Marché
Handcrafted, limited run.
SMLXL
$189$249
Marché
Commerce · Lagoon · Product card + variant picker.
-25%
Sunset Ed.
Cove Store
Handcrafted, limited run.
SMLXL
$189$249
Cove Store
Commerce · Sunset · Product card + variant picker.
-25%
Cosmic Ed.
Atelier 6
Handcrafted, limited run.
SMLXL
$189$249
Atelier 6
Commerce · Cosmic · Product card + variant picker.
-25%
Aurora Ed.
Northshop
Handcrafted, limited run.
SMLXL
$189$249
Northshop
Commerce · Aurora · Product card + variant picker.
-25%
Ember Ed.
Halo Goods
Handcrafted, limited run.
SMLXL
$189$249
Halo Goods
Commerce · Ember · Product card + variant picker.
-25%
Mint Ed.
Ember Shop
Handcrafted, limited run.
SMLXL
$189$249
Ember Shop
Commerce · Mint · Product card + variant picker.
-25%
Royal Ed.
Meridian
Handcrafted, limited run.
SMLXL
$189$249
Meridian
Commerce · Royal · Product card + variant picker.
-25%
Peach Ed.
Luxa
Handcrafted, limited run.
SMLXL
$189$249
Luxa
Commerce · Peach · Product card + variant picker.
-25%
Forest Ed.
Fable Store
Handcrafted, limited run.
SMLXL
$189$249
Fable Store
Commerce · Forest · Product card + variant picker.
Stride BoardSprint 24
To do4
Refactor auth
NX-100
Design tokens
NX-101
In progress2
Payments
NX-103
Onboarding
NX-104
Done6
Analytics
NX-106
SSO login
NX-107
Stride Board
Kanban · Nebula · Board with columns and cards.
SprintlySprint 24
To do4
Refactor auth
NX-100
Design tokens
NX-101
In progress2
Payments
NX-103
Onboarding
NX-104
Done6
Analytics
NX-106
SSO login
NX-107
Sprintly
Kanban · Lagoon · Board with columns and cards.
CadenceSprint 24
To do4
Refactor auth
NX-100
Design tokens
NX-101
In progress2
Payments
NX-103
Onboarding
NX-104
Done6
Analytics
NX-106
SSO login
NX-107
Cadence
Kanban · Sunset · Board with columns and cards.
FlowlineSprint 24
To do4
Refactor auth
NX-100
Design tokens
NX-101
In progress2
Payments
NX-103
Onboarding
NX-104
Done6
Analytics
NX-106
SSO login
NX-107
Flowline
Kanban · Cosmic · Board with columns and cards.
Delta BoardSprint 24
To do4
Refactor auth
NX-100
Design tokens
NX-101
In progress2
Payments
NX-103
Onboarding
NX-104
Done6
Analytics
NX-106
SSO login
NX-107
Delta Board
Kanban · Aurora · Board with columns and cards.
Runway OpsSprint 24
To do4
Refactor auth
NX-100
Design tokens
NX-101
In progress2
Payments
NX-103
Onboarding
NX-104
Done6
Analytics
NX-106
SSO login
NX-107
Runway Ops
Kanban · Ember · Board with columns and cards.
Orbit TasksSprint 24
To do4
Refactor auth
NX-100
Design tokens
NX-101
In progress2
Payments
NX-103
Onboarding
NX-104
Done6
Analytics
NX-106
SSO login
NX-107
Orbit Tasks
Kanban · Mint · Board with columns and cards.
MomentumSprint 24
To do4
Refactor auth
NX-100
Design tokens
NX-101
In progress2
Payments
NX-103
Onboarding
NX-104
Done6
Analytics
NX-106
SSO login
NX-107
Momentum
Kanban · Royal · Board with columns and cards.
BaselineSprint 24
To do4
Refactor auth
NX-100
Design tokens
NX-101
In progress2
Payments
NX-103
Onboarding
NX-104
Done6
Analytics
NX-106
SSO login
NX-107
Baseline
Kanban · Peach · Board with columns and cards.
GroundworkSprint 24
To do4
Refactor auth
NX-100
Design tokens
NX-101
In progress2
Payments
NX-103
Onboarding
NX-104
Done6
Analytics
NX-106
SSO login
NX-107
Groundwork
Kanban · Forest · Board with columns and cards.
Kairos CalMarch 2026
S
M
T
W
T
F
S
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
09:00Standup
11:30Design review
14:00Ship 2.0 release
Kairos Cal
Calendar · Nebula · Month grid + upcoming events.
AlmanacMarch 2026
S
M
T
W
T
F
S
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
09:00Standup
11:30Design review
14:00Ship 2.0 release
Almanac
Calendar · Lagoon · Month grid + upcoming events.
PlanrMarch 2026
S
M
T
W
T
F
S
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
09:00Standup
11:30Design review
14:00Ship 2.0 release
Planr
Calendar · Sunset · Month grid + upcoming events.
TimelightMarch 2026
S
M
T
W
T
F
S
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
09:00Standup
11:30Design review
14:00Ship 2.0 release
Timelight
Calendar · Cosmic · Month grid + upcoming events.
Horizon CalMarch 2026
S
M
T
W
T
F
S
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
09:00Standup
11:30Design review
14:00Ship 2.0 release
Horizon Cal
Calendar · Aurora · Month grid + upcoming events.
Meridian DaysMarch 2026
S
M
T
W
T
F
S
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
09:00Standup
11:30Design review
14:00Ship 2.0 release
Meridian Days
Calendar · Ember · Month grid + upcoming events.
CycleMarch 2026
S
M
T
W
T
F
S
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
09:00Standup
11:30Design review
14:00Ship 2.0 release
Cycle
Calendar · Mint · Month grid + upcoming events.
North DaysMarch 2026
S
M
T
W
T
F
S
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
09:00Standup
11:30Design review
14:00Ship 2.0 release
North Days
Calendar · Royal · Month grid + upcoming events.
RhythmMarch 2026
S
M
T
W
T
F
S
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
09:00Standup
11:30Design review
14:00Ship 2.0 release
Rhythm
Calendar · Peach · Month grid + upcoming events.
Cadence CalMarch 2026
S
M
T
W
T
F
S
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
09:00Standup
11:30Design review
14:00Ship 2.0 release
Cadence Cal
Calendar · Forest · Month grid + upcoming events.
N
Welcome back
Sign in to Keyring
you@studio.dev
••••••••••
OR
Keyring
Auth · Nebula · Sign-in with SSO providers.
N
Welcome back
Sign in to Passkey
you@studio.dev
••••••••••
OR
Passkey
Auth · Lagoon · Sign-in with SSO providers.
N
Welcome back
Sign in to Vaultgate
you@studio.dev
••••••••••
OR
Vaultgate
Auth · Sunset · Sign-in with SSO providers.
N
Welcome back
Sign in to Sesame
you@studio.dev
••••••••••
OR
Sesame
Auth · Cosmic · Sign-in with SSO providers.
N
Welcome back
Sign in to Guardline
you@studio.dev
••••••••••
OR
Guardline
Auth · Aurora · Sign-in with SSO providers.
N
Welcome back
Sign in to Threshold
you@studio.dev
••••••••••
OR
Threshold
Auth · Ember · Sign-in with SSO providers.
N
Welcome back
Sign in to Northgate
you@studio.dev
••••••••••
OR
Northgate
Auth · Mint · Sign-in with SSO providers.
N
Welcome back
Sign in to Anchor Auth
you@studio.dev
••••••••••
OR
Anchor Auth
Auth · Royal · Sign-in with SSO providers.
N
Welcome back
Sign in to Ember Login
you@studio.dev
••••••••••
OR
Ember Login
Auth · Peach · Sign-in with SSO providers.
N
Welcome back
Sign in to Prism Sign-in
you@studio.dev
••••••••••
OR
Prism Sign-in
Auth · Forest · Sign-in with SSO providers.
Meter
Simple, transparent pricing
Starter
$9/mo
  • ✓1 project
  • ✓Email support
Pro
$29/mo
  • ✓Unlimited
  • ✓Priority
  • ✓API access
Team
$79/mo
  • ✓Everything
  • ✓SSO
  • ✓SLA
Meter
Pricing · Nebula · 3-tier plan comparison.
Tiers
Simple, transparent pricing
Starter
$9/mo
  • ✓1 project
  • ✓Email support
Pro
$29/mo
  • ✓Unlimited
  • ✓Priority
  • ✓API access
Team
$79/mo
  • ✓Everything
  • ✓SSO
  • ✓SLA
Tiers
Pricing · Lagoon · 3-tier plan comparison.
Priceframe
Simple, transparent pricing
Starter
$9/mo
  • ✓1 project
  • ✓Email support
Pro
$29/mo
  • ✓Unlimited
  • ✓Priority
  • ✓API access
Team
$79/mo
  • ✓Everything
  • ✓SSO
  • ✓SLA
Priceframe
Pricing · Sunset · 3-tier plan comparison.
Fairline
Simple, transparent pricing
Starter
$9/mo
  • ✓1 project
  • ✓Email support
Pro
$29/mo
  • ✓Unlimited
  • ✓Priority
  • ✓API access
Team
$79/mo
  • ✓Everything
  • ✓SSO
  • ✓SLA
Fairline
Pricing · Cosmic · 3-tier plan comparison.
Levels
Simple, transparent pricing
Starter
$9/mo
  • ✓1 project
  • ✓Email support
Pro
$29/mo
  • ✓Unlimited
  • ✓Priority
  • ✓API access
Team
$79/mo
  • ✓Everything
  • ✓SSO
  • ✓SLA
Levels
Pricing · Aurora · 3-tier plan comparison.
PlanDeck
Simple, transparent pricing
Starter
$9/mo
  • ✓1 project
  • ✓Email support
Pro
$29/mo
  • ✓Unlimited
  • ✓Priority
  • ✓API access
Team
$79/mo
  • ✓Everything
  • ✓SSO
  • ✓SLA
PlanDeck
Pricing · Ember · 3-tier plan comparison.
Halo Plans
Simple, transparent pricing
Starter
$9/mo
  • ✓1 project
  • ✓Email support
Pro
$29/mo
  • ✓Unlimited
  • ✓Priority
  • ✓API access
Team
$79/mo
  • ✓Everything
  • ✓SSO
  • ✓SLA
Halo Plans
Pricing · Mint · 3-tier plan comparison.
Stack Pricing
Simple, transparent pricing
Starter
$9/mo
  • ✓1 project
  • ✓Email support
Pro
$29/mo
  • ✓Unlimited
  • ✓Priority
  • ✓API access
Team
$79/mo
  • ✓Everything
  • ✓SSO
  • ✓SLA
Stack Pricing
Pricing · Royal · 3-tier plan comparison.
Runway Plans
Simple, transparent pricing
Starter
$9/mo
  • ✓1 project
  • ✓Email support
Pro
$29/mo
  • ✓Unlimited
  • ✓Priority
  • ✓API access
Team
$79/mo
  • ✓Everything
  • ✓SSO
  • ✓SLA
Runway Plans
Pricing · Peach · 3-tier plan comparison.
Baseline Plans
Simple, transparent pricing
Starter
$9/mo
  • ✓1 project
  • ✓Email support
Pro
$29/mo
  • ✓Unlimited
  • ✓Priority
  • ✓API access
Team
$79/mo
  • ✓Everything
  • ✓SSO
  • ✓SLA
Baseline Plans
Pricing · Forest · 3-tier plan comparison.
Vault Card
•••• •••• •••• 2947
Balance
$12,847.29
08/28
Stripe payout
+$4,290
Figma Pro
-$45
Vercel
-$120
Vault Card
Wallet · Nebula · Card + recent transactions.
Ledger
•••• •••• •••• 2947
Balance
$12,847.29
08/28
Stripe payout
+$4,290
Figma Pro
-$45
Vercel
-$120
Ledger
Wallet · Lagoon · Card + recent transactions.
Northbank
•••• •••• •••• 2947
Balance
$12,847.29
08/28
Stripe payout
+$4,290
Figma Pro
-$45
Vercel
-$120
Northbank
Wallet · Sunset · Card + recent transactions.
Halo Pay
•••• •••• •••• 2947
Balance
$12,847.29
08/28
Stripe payout
+$4,290
Figma Pro
-$45
Vercel
-$120
Halo Pay
Wallet · Cosmic · Card + recent transactions.
Ember Card
•••• •••• •••• 2947
Balance
$12,847.29
08/28
Stripe payout
+$4,290
Figma Pro
-$45
Vercel
-$120
Ember Card
Wallet · Aurora · Card + recent transactions.
Ion Wallet
•••• •••• •••• 2947
Balance
$12,847.29
08/28
Stripe payout
+$4,290
Figma Pro
-$45
Vercel
-$120
Ion Wallet
Wallet · Ember · Card + recent transactions.
Meridian Bank
•••• •••• •••• 2947
Balance
$12,847.29
08/28
Stripe payout
+$4,290
Figma Pro
-$45
Vercel
-$120
Meridian Bank
Wallet · Mint · Card + recent transactions.
Boughtly
•••• •••• •••• 2947
Balance
$12,847.29
08/28
Stripe payout
+$4,290
Figma Pro
-$45
Vercel
-$120
Boughtly
Wallet · Royal · Card + recent transactions.
Cove Pay
•••• •••• •••• 2947
Balance
$12,847.29
08/28
Stripe payout
+$4,290
Figma Pro
-$45
Vercel
-$120
Cove Pay
Wallet · Peach · Card + recent transactions.
Anchor Pay
•••• •••• •••• 2947
Balance
$12,847.29
08/28
Stripe payout
+$4,290
Figma Pro
-$45
Vercel
-$120
Anchor Pay
Wallet · Forest · Card + recent transactions.
LaunchframeStart
✨ New · v2.0
Ship interfaces that feel alive.
A premium component system for teams who care about the last 5%.
ACMEGLIDENORTHAXIS
Launchframe
Landing · Nebula · Hero + CTA + trust bar.
Halo SiteStart
✨ New · v2.0
Ship interfaces that feel alive.
A premium component system for teams who care about the last 5%.
ACMEGLIDENORTHAXIS
Halo Site
Landing · Lagoon · Hero + CTA + trust bar.
Prism SiteStart
✨ New · v2.0
Ship interfaces that feel alive.
A premium component system for teams who care about the last 5%.
ACMEGLIDENORTHAXIS
Prism Site
Landing · Sunset · Hero + CTA + trust bar.
Orbit LandingStart
✨ New · v2.0
Ship interfaces that feel alive.
A premium component system for teams who care about the last 5%.
ACMEGLIDENORTHAXIS
Orbit Landing
Landing · Cosmic · Hero + CTA + trust bar.
Beacon SiteStart
✨ New · v2.0
Ship interfaces that feel alive.
A premium component system for teams who care about the last 5%.
ACMEGLIDENORTHAXIS
Beacon Site
Landing · Aurora · Hero + CTA + trust bar.
NorthlandStart
✨ New · v2.0
Ship interfaces that feel alive.
A premium component system for teams who care about the last 5%.
ACMEGLIDENORTHAXIS
Northland
Landing · Ember · Hero + CTA + trust bar.
Meridian SiteStart
✨ New · v2.0
Ship interfaces that feel alive.
A premium component system for teams who care about the last 5%.
ACMEGLIDENORTHAXIS
Meridian Site
Landing · Mint · Hero + CTA + trust bar.
Ember PageStart
✨ New · v2.0
Ship interfaces that feel alive.
A premium component system for teams who care about the last 5%.
ACMEGLIDENORTHAXIS
Ember Page
Landing · Royal · Hero + CTA + trust bar.
Anchor SiteStart
✨ New · v2.0
Ship interfaces that feel alive.
A premium component system for teams who care about the last 5%.
ACMEGLIDENORTHAXIS
Anchor Site
Landing · Peach · Hero + CTA + trust bar.
Ion LandingStart
✨ New · v2.0
Ship interfaces that feel alive.
A premium component system for teams who care about the last 5%.
ACMEGLIDENORTHAXIS
Ion Landing
Landing · Forest · Hero + CTA + trust bar.

Buttons100

Solid Lift · Nebula
Solid Lift · Lagoon
Solid Lift · Sunset
Solid Lift · Cosmic
Neon Glow · Nebula
Neon Glow · Lagoon
Neon Glow · Sunset
Neon Glow · Cosmic
Glass · Nebula
Glass · Lagoon
Glass · Sunset
Glass · Cosmic
Sheen · Nebula
Sheen · Lagoon
Sheen · Sunset
Sheen · Cosmic
Gradient Border · Nebula
Gradient Border · Lagoon
Gradient Border · Sunset
Gradient Border · Cosmic
Soft Press · Nebula
Soft Press · Lagoon
Soft Press · Sunset
Soft Press · Cosmic
Holographic · Nebula
Holographic · Lagoon
Holographic · Sunset
Holographic · Cosmic
Slide Reveal · Nebula
Slide Reveal · Lagoon
Slide Reveal · Sunset
Slide Reveal · Cosmic
Bevel Metal · Nebula
Bevel Metal · Lagoon
Bevel Metal · Sunset
Bevel Metal · Cosmic
Halo Ring · Nebula
Halo Ring · Lagoon
Halo Ring · Sunset
Halo Ring · Cosmic
3D Cube · Nebula
3D Cube · Lagoon
3D Cube · Sunset
3D Cube · Cosmic
Isometric · Nebula
Isometric · Lagoon
Isometric · Sunset
Isometric · Cosmic
Layered Stack · Nebula
Layered Stack · Lagoon
Layered Stack · Sunset
Layered Stack · Cosmic
Aurora · Nebula
Aurora · Lagoon
Aurora · Sunset
Aurora · Cosmic
Liquid Fill · Nebula
Liquid Fill · Lagoon
Liquid Fill · Sunset
Liquid Fill · Cosmic
Magnet Dots · Nebula
Magnet Dots · Lagoon
Magnet Dots · Sunset
Magnet Dots · Cosmic
Radar Ping · Nebula
Radar Ping · Lagoon
Radar Ping · Sunset
Radar Ping · Cosmic
Text Flip · Nebula
Text Flip · Lagoon
Text Flip · Sunset
Text Flip · Cosmic
Card Flip · Nebula
Card Flip · Lagoon
Card Flip · Sunset
Card Flip · Cosmic
Depth Panel · Nebula
Depth Panel · Lagoon
Depth Panel · Sunset
Depth Panel · Cosmic
Corner Brackets · Nebula
Corner Brackets · Lagoon
Corner Brackets · Sunset
Corner Brackets · Cosmic
Ripple · Nebula
Ripple · Lagoon
Ripple · Sunset
Ripple · Cosmic
Live Dots · Nebula
Live Dots · Lagoon
Live Dots · Sunset
Live Dots · Cosmic
Punch Ghost · Nebula
Punch Ghost · Lagoon
Punch Ghost · Sunset
Punch Ghost · Cosmic
Command Key · Nebula
Command Key · Lagoon
Command Key · Sunset
Command Key · Cosmic

Checkboxes70

Cube Flip
Liquid Fill
Neon Draw
Press Dome
Toggle Card
Confetti Pop
Ribbon Fold
Ring Progress
Sticker Peel
Heart Beat
Star Bloom
Slide Track
Origami Fold
Glass Prism
Terminal Tick
Radar Scan
Ink Splash
Magnet Snap
Gradient Border
Domino Row
Bounce Ball
Card Flip 3D
Pulse Wave
Emoji Morph
Zip Line
Lego Stack
Padlock
Battery Fill
Notify Bell
Diamond Cut
Scan Line
Sun · Moon
Vote Stamp
Loading Ring
Shutter Iris
Slot Roll
Paint Brush
Portal Warp
Barcode Scan
Squircle Morph
Coin Flip
Rocket Launch
Wax Seal
Piano Key
Coffee Fill
Hourglass
Trap Door
Zipper Up
Puzzle Snap
Gear Mesh
Traffic Light
Fingerprint
Crystal Grow
Flame Ignite
Water Splash
Compass
Dice Roll
Vinyl Spin
Aperture
Elevator
Bubble Rise
Umbrella
Curtain
Fireworks
Rubber Band
Snowflake
Anchor Drop
Chess Knight
Loading Bar
Envelope

Toggles170

Aurora Pill
Sun · Moon
Cube Flip 3D
Power Ring
Lightbulb
Rocker Switch
Neon Tube
Liquid Track
Squircle Slide
Padlock
Wifi Fan
Battery Fill
Play · Pause
Mute · Unmute
Bell Ring
Eye Reveal
Heart Beat
Star Bookmark
Airplane Mode
Flame Ignite
Yin · Yang
Rainbow Slide
Speed Dial
Toggle Cube
Snap Ring
Segmented
Marble Tube
Coin Flip
Dominoes
Piston
Gradient Sweep
Metal Switch
Chip LED
Rocker Tilt
Fingerprint
Loading Orbit
Ripple Pool
Filter Bloom
Diamond Flip
Elevator
Typing Track
Snowflake Spin
Ice · Fire
Bookmark Ribbon
CRT Power
Magnetic Pull
Envelope Open
Puzzle Snap
Waveform
Portal Warp
Pill 1
Pill 2
Pill 3
Pill 4
Pill 5
Pill 6
Pill 7
Pill 8
Pill 9
Pill 10
Pill 11
Pill 12
Label Track 13
Label Track 14
Label Track 15
Label Track 16
Label Track 17
Label Track 18
Label Track 19
Label Track 20
Label Track 21
Label Track 22
Neon Ring 23
Neon Ring 24
Neon Ring 25
Neon Ring 26
Neon Ring 27
Neon Ring 28
Neon Ring 29
Neon Ring 30
Neon Ring 31
Neon Ring 32
Segmented 33
Segmented 34
Segmented 35
Segmented 36
Segmented 37
Segmented 38
Segmented 39
Segmented 40
3D Punch 41
3D Punch 42
3D Punch 43
3D Punch 44
3D Punch 45
3D Punch 46
3D Punch 47
3D Punch 48
Icon Knob 49
Icon Knob 50
Icon Knob 51
Icon Knob 52
Icon Knob 53
Icon Knob 54
Icon Knob 55
Icon Knob 56
Glass Pill 57
Glass Pill 58
Glass Pill 59
Glass Pill 60
Glass Pill 61
Glass Pill 62
Glass Pill 63
Glass Pill 64
Shimmer Track 65
Shimmer Track 66
Shimmer Track 67
Shimmer Track 68
Shimmer Track 69
Shimmer Track 70
Shimmer Track 71
Shimmer Track 72
Check Knob 73
Check Knob 74
Check Knob 75
Check Knob 76
Check Knob 77
Check Knob 78
Square 79
Square 80
Square 81
Square 82
Square 83
Square 84
Rail 85
Rail 86
Rail 87
Rail 88
Rail 89
Rail 90
Orbit Knob 91
Orbit Knob 92
Orbit Knob 93
Orbit Knob 94
Orbit Knob 95
Orbit Knob 96
Dot Track 97
Dot Track 98
Dot Track 99
Dot Track 100
Dot Track 101
Dot Track 102
Progress Fill 103
Progress Fill 104
Progress Fill 105
Progress Fill 106
Progress Fill 107
Progress Fill 108
iOS 109
iOS 110
iOS 111
iOS 112
Conic Border 113
Conic Border 114
Conic Border 115
Conic Border 116
Tick Chip 117
Tick Chip 118
Tick Chip 119
Tick Chip 120

Cards100

Aurora

Northern glow

Ambient conic gradient drifting behind a frosted glass surface.

Aurora Glass

Foil · 01

Prism pass

Holographic sweep on hover.

Holographic Foil

Stack

Fan out

Three cards, one gesture.

Layered Stack

Trace

Live edge

Conic border loop, boosted on hover.

Neon Border Trace

Pro plan

$29 /mo

Tilted Product

Cosmos

STARS

Starfield Night

Chrome

Liquid metal

Molten conic sheen with silver depth.

Liquid Metal

Nucleus

Pulsing plasma core
Glow Orb

Front

System status

All services operational.

Back

99.99% uptime

Zero incidents this quarter.

Grid Flip

Sonar

Signal ping

Expanding radar rings
Ripple Wave

Depth

Parallax scene

Layers lift on hover.

Depth Layers

Aurora

Aurora glow

Ambient conic drift behind frosted glass.

Aurora · Aurora glow

Sunset

Ember burst

Warm color field warms up on hover.

Aurora · Ember burst

Mint

Neon frost

Cold gradient with radiant edge highlight.

Aurora · Neon frost

Cobalt

Prism pass

Multi-hue conic sweep, subtle 3D lift.

Aurora · Prism pass

Amber

Signal bloom

Radial glow gently drifts on cursor entry.

Aurora · Signal bloom

Iris

Chroma haze

Muted palette with sharp moon-edge accent.

Aurora · Chroma haze

Ocean

Halo mist

Diffused conic wash with pastel gradient.

Aurora · Halo mist

Moss

Twilight sheen

Deep base + cool highlight, subtle tilt.

Aurora · Twilight sheen

Cobalt

Parallax scene

Layers lift as you tilt the surface.

Depth · Parallax scene

Amber

Floating chip

Front layer elevates on hover.

Depth · Floating chip

Iris

Depth stack

Three planes fan across Z-axis.

Depth · Depth stack

Ocean

Hovering tile

Content plate floats above base.

Depth · Hovering tile

Moss

Slab lift

Rigid slab rises with cursor entry.

Depth · Slab lift

Rose

Panel drift

Subtle parallax on cursor movement.

Depth · Panel drift

Slate

Perspective card

Deep tilt reveals stacked layers.

Depth · Perspective card

Coral

Volume study

Layered geometry over dark ground.

Depth · Volume study

Ocean

Live edge

Conic border loop, boosted on hover.

Neon · Live edge

Moss

Circuit ring

Continuously rotating perimeter light.

Neon · Circuit ring

Rose

Halo trace

Bright ring encircles a matte core.

Neon · Halo trace

Slate

Aurora ring

Multi-color ring with soft outer bloom.

Neon · Aurora ring

Coral

Pulse frame

Amps up when the cursor arrives.

Neon · Pulse frame

Plum

Signal loop

Radiant border loop with dark interior.

Neon · Signal loop

Cyber

Prism edge

Full-spectrum trim, quiet core content.

Neon · Prism edge

Slate · Starter

$9 /mo

Pricing · Starter

Coral · Pro

$29 /mo

Pricing · Pro

Plum · Team

$49 /mo

Pricing · Team

Cyber · Business

$99 /mo

Pricing · Business

Ember · Studio

$149 /mo

Pricing · Studio

Arctic · Enterprise

$299 /mo

Pricing · Enterprise

Matcha · Scale

$499 /mo

Pricing · Scale

Revenue

$48.2K

+12.4%
Stat · Revenue

Users

12,904

+8.1%
Stat · Users

Signups

1,342

+22%
Stat · Signups

Sessions

88.7K

+4.3%
Stat · Sessions

Retention

94.2%

+1.8%
Stat · Retention

MRR

$120K

+9.6%
Stat · MRR

NPS

72

+6
Stat · NPS

Churn

1.2%

-0.4%
Stat · Churn

Midnight Drive

Nova Wave

Media · Midnight Drive

Skyline

Aster & Oak

Media · Skyline

Neon Rain

The Prism

Media · Neon Rain

Halogen

Ember Field

Media · Halogen

Aurora Nights

Kite Signals

Media · Aurora Nights

Pale Blue

Slow Motion

Media · Pale Blue

Deep Signal

Console FM

Media · Deep Signal

Deploy succeeded

Deploy

novixui.com went live in 24s.

Notify · Deploy succeeded

New comment

PR

Ada replied to your PR review.

Notify · New comment

Payment received

Billing

$29.00 from Acme Studio · Pro plan.

Notify · Payment received

Build ready

CI

Preview URL is available for review.

Notify · Build ready

Server healthy

Ops

All checks green across 3 regions.

Notify · Server healthy

Signup spike

Growth

128 new accounts in the last hour.

Notify · Signup spike

Backup complete

DB

Snapshot stored in 3 availability zones.

Notify · Backup complete
AL

Ada Lovelace

Computer Scientist

128

Posts

12,400

Followers

342

Following

Profile · Ada Lovelace
GH

Grace Hopper

Rear Admiral

128

Posts

12,400

Followers

342

Following

Profile · Grace Hopper
AT

Alan Turing

Cryptanalyst

128

Posts

12,400

Followers

342

Following

Profile · Alan Turing
KJ

Katherine Johnson

NASA Mathematician

128

Posts

12,400

Followers

342

Following

Profile · Katherine Johnson
LT

Linus Torvalds

Kernel Engineer

128

Posts

12,400

Followers

342

Following

Profile · Linus Torvalds
MH

Margaret Hamilton

Software Pioneer

128

Posts

12,400

Followers

342

Following

Profile · Margaret Hamilton
DR

Dennis Ritchie

Language Designer

128

Posts

12,400

Followers

342

Following

Profile · Dennis Ritchie

Reykjavik

Snow flurries

6°

H: 24° L: 12°

Wind 8 km/h

Weather · Reykjavik

Kyoto

Cloudy · rain later

14°

H: 24° L: 12°

Wind 8 km/h

Weather · Kyoto

Lisbon

Clear sky

21°

H: 24° L: 12°

Wind 8 km/h

Weather · Lisbon

Cape Town

Sunny · light wind

27°

H: 24° L: 12°

Wind 8 km/h

Weather · Cape Town

Seoul

Overcast

9°

H: 24° L: 12°

Wind 8 km/h

Weather · Seoul

Havana

Humid · thunder

31°

H: 24° L: 12°

Wind 8 km/h

Weather · Havana

Ushuaia

Windy · flurries

3°

H: 24° L: 12°

Wind 8 km/h

Weather · Ushuaia

Ships faster than any kit we've tried. The 3D depth is unreal.

Mira Chen

Design Lead · Northwind

Quote · Mira

Every component just… feels right. Weight, motion, contrast.

Ravi Patel

Staff Engineer · Fielder

Quote · Ravi

It's the closest thing to Linear + Raycast in a single library.

Sam Ortega

Founder · Slate

Quote · Sam

Our onboarding time dropped in half after we switched over.

Jules Kim

Head of Product · Loop

Quote · Jules

Beautiful defaults, but every knob is where you'd expect it.

Nora Vale

PM · Highline

Quote · Nora

Feels engineered by people who obsess over pixel-level craft.

Theo Brandt

CTO · Field Notes

Quote · Theo

Weekly signups

Chart · Weekly signups

Revenue · 30d

Chart · Revenue · 30d

Active sessions

Chart · Active sessions

API calls

Chart · API calls

Server load

Chart · Server load

Deploys · 7d

Chart · Deploys · 7d

Sunset

Instant deploys

Ship to global edge in under 30 seconds.

Feature · Instant deploys

Mint

Zero-trust auth

Every request signed, verified, and traced.

Feature · Zero-trust auth

Cobalt

Managed cloud

Databases, storage, edge — one dashboard.

Feature · Managed cloud

Amber

Compute nodes

Serverless workers scale to millions of req.

Feature · Compute nodes

Iris

Realtime signals

Broadcast state across clients in under 40ms.

Feature · Realtime signals

Ocean

Global CDN

42 edge locations · 8ms median latency.

Feature · Global CDN

Moss

Composable layers

Design tokens, primitives, patterns — stackable.

Feature · Composable layers

Rose

Encrypted at rest

AES-256 + rotated keys · SOC-2 ready.

Feature · Encrypted at rest

Slate

Streaming media

Adaptive playback with per-viewer analytics.

Feature · Streaming media

Coral

AI copilots

Prompted actions embedded in every surface.

Feature · AI copilots

Plum

Loved by teams

Rated 4.9/5 across 12,000 seat installs.

Feature · Loved by teams

Loaders150

Orbit Ring
Dual Arcs
Pulse Core
Bouncing Dots
Wave Bars
Cube Flip 3D
Ring Sweep
Sonar Ripples
Orbit Planet
Progress Bar
Spiral Dots
Yin Yang
Heart Beat
DNA Helix
Star Burst
LOADING
Text Shimmer
Circ Percent
Cascade Squares
Triple Orbit
Comet Trail
Squircle Morph
Hex Pulse
Loading Line
Radar Sweep
Dots Grow
Flip Card
Ring Gap
Bouncing Ball
Seg Spinner
Glow Orbit
Ring 1
Ring 2
Ring 3
Ring 4
Ring 5
Ring 6
Ring 7
Ring 8
Ring 9
Ring 10
Dual Ring 11
Dual Ring 12
Dual Ring 13
Dual Ring 14
Dual Ring 15
Dual Ring 16
Dual Ring 17
Dual Ring 18
Dual Ring 19
Dual Ring 20
Conic 21
Conic 22
Conic 23
Conic 24
Conic 25
Conic 26
Conic 27
Conic 28
Bouncing Dots 29
Bouncing Dots 30
Bouncing Dots 31
Bouncing Dots 32
Bouncing Dots 33
Bouncing Dots 34
Bouncing Dots 35
Bouncing Dots 36
Wave Bars 37
Wave Bars 38
Wave Bars 39
Wave Bars 40
Wave Bars 41
Wave Bars 42
Wave Bars 43
Wave Bars 44
Progress Bar 45
Progress Bar 46
Progress Bar 47
Progress Bar 48
Progress Bar 49
Progress Bar 50
Progress Bar 51
Progress Bar 52
Shimmer 53
Shimmer 54
Shimmer 55
Shimmer 56
Shimmer 57
Shimmer 58
Shimmer 59
Shimmer 60
Orbit 61
Orbit 62
Orbit 63
Orbit 64
Orbit 65
Orbit 66
Pulse 67
Pulse 68
Pulse 69
Pulse 70
Pulse 71
Pulse 72
Ripple 73
Ripple 74
Ripple 75
Ripple 76
Ripple 77
Ripple 78
Typing 79
Typing 80
Typing 81
Typing 82
Typing 83
Typing 84
Flip Square 85
Flip Square 86
Flip Square 87
Flip Square 88
Flip Square 89
Flip Square 90
Blob Morph 91
Blob Morph 92
Blob Morph 93
Blob Morph 94
Blob Morph 95
Blob Morph 96
Loading…
Conic Card 97
Loading…
Conic Card 98
Loading…
Conic Card 99
Loading…
Conic Card 100
Loading…
Conic Card 101
Loading…
Conic Card 102
Drop 103
Drop 104
Drop 105
Drop 106
Grid Fade 107
Grid Fade 108
Grid Fade 109
Grid Fade 110
Sweep Pill 111
Sweep Pill 112
Sweep Pill 113
Sweep Pill 114
3D Cube 115
3D Cube 116
3D Cube 117
3D Cube 118
67%
Percent 119
67%
Percent 120

Radio buttons152

Classic Orbit
Gradient Pill
Card Radio
Neon Ring
Underline Tabs
Segmented
Icon Squares
3D Punch
Rocker Switch
Glass Chip
Star Rating
Progress Steps
Dot Ladder
Icon Row
Pill Stack
Glow Halo
Toggle Grid
Slider Radio
Emoji Circles
Neon Diamond
Vertical Bar
Squircle Grid
Check Chips
Card w/ Desc
Toggle Bar 3D
Concentric Rings
Row Tick
Bulb Row
Stacked Pick
Split Ring
Dot 1
Dot 2
Dot 3
Dot 4
Dot 5
Dot 6
Dot 7
Dot 8
Dot 9
Dot 10
Pill 1
Pill 2
Pill 3
Pill 4
Pill 5
Pill 6
Pill 7
Pill 8
Pill 9
Pill 10
Card 1
Card 2
Card 3
Card 4
Card 5
Card 6
Card 7
Card 8
Card 9
Card 10
Neon Ring 1
Neon Ring 2
Neon Ring 3
Neon Ring 4
Neon Ring 5
Neon Ring 6
Neon Ring 7
Neon Ring 8
Icon Squares 1
Icon Squares 2
Icon Squares 3
Icon Squares 4
Icon Squares 5
Icon Squares 6
Icon Squares 7
Icon Squares 8
Underline 1
Underline 2
Underline 3
Underline 4
Underline 5
Underline 6
Underline 7
Underline 8
Glass Chip 1
Glass Chip 2
Glass Chip 3
Glass Chip 4
Glass Chip 5
Glass Chip 6
Glass Chip 7
Glass Chip 8
3D Punch 1
3D Punch 2
3D Punch 3
3D Punch 4
3D Punch 5
3D Punch 6
3D Punch 7
3D Punch 8
Stars 1
Stars 2
Stars 3
Stars 4
Stars 5
Stars 6
Steps 1
Steps 2
Steps 3
Steps 4
Steps 5
Steps 6
Squircle 1
Squircle 2
Squircle 3
Squircle 4
Squircle 5
Squircle 6
Halo 1
Halo 2
Halo 3
Halo 4
Halo 5
Halo 6
Vertical 1
Vertical 2
Vertical 3
Vertical 4
Vertical 5
Vertical 6
Emoji 1
Emoji 2
Emoji 3
Emoji 4
Emoji 5
Emoji 6
Grid 1
Grid 2
Grid 3
Grid 4
Slider 1
Slider 2
Slider 3
Slider 4
Concentric 1
Concentric 2
Concentric 3
Concentric 4
Row Tick 1
Row Tick 2
Row Tick 3
Row Tick 4

Tooltips129

Classic Top
Gradient Halo
Glass Blur
Slide Right
Rich Popover
Neon Border
Shortcut
Bounce
i
Info Icon
Arrow Left
Status Dot
Command Palette
glossary term
Underline Term
Emoji Reactions
Card Header
Blur to Sharp
Bottom Arrow
Warning Callout
Progress Tip
Split Rows
Bubble
Typewriter
Long Ambient
Follow Cursor
Kbd Cluster
Gradient 1
Gradient 2
Gradient 3
Gradient 4
Gradient 5
Gradient 6
Gradient 7
Gradient 8
Gradient 9
Gradient 10
Gradient 11
Gradient 12
Gradient 13
Gradient 14
Gradient 15
Gradient 16
Gradient 17
Gradient 18
Gradient 19
Gradient 20
Glass 1
Glass 2
Glass 3
Glass 4
Glass 5
Glass 6
Glass 7
Glass 8
Glass 9
Glass 10
Glass 11
Glass 12
Glass 13
Glass 14
Glass 15
Neon 1
Neon 2
Neon 3
Neon 4
Neon 5
Neon 6
Neon 7
Neon 8
Neon 9
Neon 10
Neon 11
Neon 12
Neon 13
Neon 14
Neon 15
Pill 1
Pill 2
Pill 3
Pill 4
Pill 5
Pill 6
Pill 7
Pill 8
Pill 9
Pill 10
Pill 11
Pill 12
Pill 13
Pill 14
Pill 15
Kbd 1
Kbd 2
Kbd 3
Kbd 4
Kbd 5
Kbd 6
Kbd 7
Kbd 8
Kbd 9
Kbd 10
Icon Favorite
Icon Done
Icon Warning
Icon Info
Icon Remove
Icon Upload
Icon Download
Icon Liked
Icon Live
Icon Edit
Card Novix Cloud
Card Auth ready
Card Realtime
Card Storage
Card Analytics
Status Online
Status Idle
Status Busy
Status Offline
Conic Border
Avatar Stack
Progress 72%
3D Flip
Inline Code
Light Theme
Gradient Text
Badge NEW
Badge PRO
Beam Sweep

Inputs149

Material Underline
Glow Ring
Gradient Border
🔍
Icon Search
Floating Label
Password Reveal
⌘K
Search w/ ⌘K
BI
Send
Textarea Rich
OTP Single
$USD
Currency
Success Validated

This username is taken.

Error State
nova.ui/
Prefixed Domain
reactuianimation
Tag Input
Volume 50
Slider Input
0/60
Char Counter
Comment Box
🇮🇳 +91
Phone Prefix
Dark Emboss
Neumorphic
Two-tone
Aurora Focus
Newsletter
File Drop
Suggest Hint
Glow Label 1
Glow Label 2
Glow Label 3
Glow Label 4
Glow Label 5
Glow Label 6
Glow Label 7
Glow Label 8
Glow Label 9
Glow Label 10
Glow Label 11
Glow Label 12
Gradient Border 13
Gradient Border 14
Gradient Border 15
Gradient Border 16
Gradient Border 17
Gradient Border 18
Gradient Border 19
Gradient Border 20
Gradient Border 21
Gradient Border 22
Gradient Border 23
Gradient Border 24
✉
Icon Field 25
⌕
Icon Field 26
☎
Icon Field 27
◎
Icon Field 28
♡
Icon Field 29
★
Icon Field 30
◈
Icon Field 31
◐
Icon Field 32
⌗
Icon Field 33
⏱
Icon Field 34
⚑
Icon Field 35
✎
Icon Field 36
Floating Label 37
Floating Label 38
Floating Label 39
Floating Label 40
Floating Label 41
Floating Label 42
Floating Label 43
Floating Label 44
Floating Label 45
Floating Label 46
Underline 47
Underline 48
Underline 49
Underline 50
Underline 51
Underline 52
Underline 53
Underline 54
Underline 55
Underline 56
⌕⌘K
Search ⌘K 57
⌕⌘K
Search ⌘K 58
⌕⌘K
Search ⌘K 59
⌕⌘K
Search ⌘K 60
⌕⌘K
Search ⌘K 61
⌕⌘K
Search ⌘K 62
⌕⌘K
Search ⌘K 63
⌕⌘K
Search ⌘K 64
Password Strength 65
Password Strength 66
Password Strength 67
Password Strength 68
Password Strength 69
Password Strength 70
Password Strength 71
Password Strength 72
OTP 73
OTP 74
OTP 75
OTP 76
OTP 77
OTP 78
https://
Prefix Field 79
$USD
Prefix Field 80
@
Prefix Field 81
.dev
Prefix Field 82
+1
Prefix Field 83
/month
Prefix Field 84
/
Prefix Field 85
#
Prefix Field 86
reactdesign
Tag Input 87
premiumui
Tag Input 88
novixai
Tag Input 89
darkglow
Tag Input 90
frostglass
Tag Input 91
v1beta
Tag Input 92
Textarea Glow 93
Textarea Glow 94
Textarea Glow 95
Textarea Glow 96
Textarea Glow 97
Textarea Glow 98
Neumorph Soft 99
Neumorph Soft 100
Neumorph Soft 101
Neumorph Soft 102
Neumorph Soft 103
Neumorph Soft 104
Glass Frost 105
Glass Frost 106
Glass Frost 107
Glass Frost 108
Glass Frost 109
Glass Frost 110
Input + CTA 111
Input + CTA 112
Input + CTA 113
Input + CTA 114
Input + CTA 115
Input + CTA 116
3
Number Stepper 117
3
Number Stepper 118
3
Number Stepper 119
3
Number Stepper 120
✓

Looks good.

Validation Success 121
!

Please enter a valid email.

Validation Error 122
✓

Looks good.

Validation Success 123
!

Please enter a valid email.

Validation Error 124

Forms120

Sign in

Glass Sign In

Contact

Neon Contact
Floating Label

Newsletter

Join 12k readers

3D Tilt Newsletter

Verify

Enter 4-digit code

OTP Verification
⌘K
DesignCodeDocsAi
Search + Filters

Nova

4242 4242 •••• 4242

Card Payment

Waitlist

Be first in line

Waitlist Glow

Feedback

How was it?

Feedback Rating
1
2
3

Step 1 · Profile

Multi-Step Progress

Sign in · v1

Remember meForgot?
Sign in 1

Sign in · v2

Remember meForgot?
Sign in 2

Sign in · v3

Remember meForgot?
Sign in 3

Sign in · v4

Remember meForgot?
Sign in 4

Sign in · v5

Remember meForgot?
Sign in 5

Sign in · v6

Remember meForgot?
Sign in 6

Sign in · v7

Remember meForgot?
Sign in 7

Sign in · v8

Remember meForgot?
Sign in 8

Sign in · v9

Remember meForgot?
Sign in 9

Sign in · v10

Remember meForgot?
Sign in 10

Subscribe · v11

The Novix weekly.
Design, motion, and craft — no spam.
Newsletter 1

Subscribe · v12

The Novix weekly.
Design, motion, and craft — no spam.
Newsletter 2

Subscribe · v13

The Novix weekly.
Design, motion, and craft — no spam.
Newsletter 3

Subscribe · v14

The Novix weekly.
Design, motion, and craft — no spam.
Newsletter 4

Subscribe · v15

The Novix weekly.
Design, motion, and craft — no spam.
Newsletter 5

Subscribe · v16

The Novix weekly.
Design, motion, and craft — no spam.
Newsletter 6

Subscribe · v17

The Novix weekly.
Design, motion, and craft — no spam.
Newsletter 7

Subscribe · v18

The Novix weekly.
Design, motion, and craft — no spam.
Newsletter 8

Subscribe · v19

The Novix weekly.
Design, motion, and craft — no spam.
Newsletter 9

Subscribe · v20

The Novix weekly.
Design, motion, and craft — no spam.
Newsletter 10

Contact · v21

Contact 1

Contact · v22

Contact 2

Contact · v23

Contact 3

Contact · v24

Contact 4

Contact · v25

Contact 5

Contact · v26

Contact 6

Contact · v27

Contact 7

Contact · v28

Contact 8

Contact · v29

Contact 9

Contact · v30

Contact 10

Search · v31

designmotioncss
128 resultsEnter ↵
Search 1

Search · v32

designmotioncssreact
128 resultsEnter ↵
Search 2

Search · v33

designmotioncssreacttokens
128 resultsEnter ↵
Search 3

Search · v34

designmotioncss
128 resultsEnter ↵
Search 4

Search · v35

designmotioncssreact
128 resultsEnter ↵
Search 5

Search · v36

designmotioncssreacttokens
128 resultsEnter ↵
Search 6

Search · v37

designmotioncss
128 resultsEnter ↵
Search 7

Search · v38

designmotioncssreact
128 resultsEnter ↵
Search 8

Payment · v39

Novix • Debit
4242 •••• •••• 4242
M. NAKAMURA12/29
Payment 1

Payment · v40

Novix • Debit
4242 •••• •••• 4242
M. NAKAMURA12/29
Payment 2

Payment · v41

Novix • Debit
4242 •••• •••• 4242
M. NAKAMURA12/29
Payment 3

Payment · v42

Novix • Debit
4242 •••• •••• 4242
M. NAKAMURA12/29
Payment 4

Payment · v43

Novix • Debit
4242 •••• •••• 4242
M. NAKAMURA12/29
Payment 5

Payment · v44

Novix • Debit
4242 •••• •••• 4242
M. NAKAMURA12/29
Payment 6

Verify · v45

We sent a 6-digit code.
•
•
•
OTP 1

Verify · v46

We sent a 6-digit code.
•
•
•
OTP 2

Verify · v47

We sent a 6-digit code.
•
•
•
OTP 3

Verify · v48

We sent a 6-digit code.
•
•
•
OTP 4

Verify · v49

We sent a 6-digit code.
•
•
•
OTP 5

Verify · v50

We sent a 6-digit code.
•
•
•
OTP 6

Feedback · v51

How would you rate Novix?
Feedback 1

Feedback · v52

How would you rate Novix?
Feedback 2

Feedback · v53

How would you rate Novix?
Feedback 3

Feedback · v54

How would you rate Novix?
Feedback 4

Feedback · v55

How would you rate Novix?
Feedback 5

Feedback · v56

How would you rate Novix?
Feedback 6
Step 1
Step 2
Step 3
Multi-step 1
Step 1
Step 2
Step 3
Multi-step 2
Step 1
Step 2
Step 3
Multi-step 3
Step 1
Step 2
Step 3
Multi-step 4
Step 1
Step 2
Step 3
Multi-step 5
Step 1
Step 2
Step 3
Multi-step 6

Waitlist · v63

Get early access
Join 12,428 designers on the list.
Waitlist 1

Waitlist · v64

Get early access
Join 12,428 designers on the list.
Waitlist 2

Waitlist · v65

Get early access
Join 12,428 designers on the list.
Waitlist 3

Waitlist · v66

Get early access
Join 12,428 designers on the list.
Waitlist 4

Waitlist · v67

Get early access
Join 12,428 designers on the list.
Waitlist 5

Waitlist · v68

Get early access
Join 12,428 designers on the list.
Waitlist 6

Book a call · v69

Booking 1

Book a call · v70

Booking 2

Book a call · v71

Booking 3

Book a call · v72

Booking 4

Book a call · v73

Booking 5

Book a call · v74

Booking 6

Profile · v75

MN
PNG or JPG, up to 4MB
Profile 1

Profile · v76

MN
PNG or JPG, up to 4MB
Profile 2

Profile · v77

MN
PNG or JPG, up to 4MB
Profile 3

Profile · v78

MN
PNG or JPG, up to 4MB
Profile 4

Profile · v79

MN
PNG or JPG, up to 4MB
Profile 5

Profile · v80

MN
PNG or JPG, up to 4MB
Profile 6

Create password · v81

Strength: Weak
Password 1

Create password · v82

Strength: Good
Password 2

Create password · v83

Strength: Good
Password 3

Create password · v84

Strength: Strong
Password 4

Create password · v85

Strength: Weak
Password 5

Create password · v86

Strength: Good
Password 6
⌘K
Create new project↵
Invite teammate↵
Toggle theme↵
Command 1
⌘K
Create new project↵
Invite teammate↵
Toggle theme↵
Command 2
⌘K
Create new project↵
Invite teammate↵
Toggle theme↵
Command 3
⌘K
Create new project↵
Invite teammate↵
Toggle theme↵
Command 4

Choose plan · v91

Pricing 1

Choose plan · v92

Pricing 2

Choose plan · v93

Pricing 3

Choose plan · v94

Pricing 4

Preferences · v95

Email digest
Product updates
Community
Preferences 1

Preferences · v96

Email digest
Product updates
Community
Preferences 2

Preferences · v97

Email digest
Product updates
Community
Preferences 3

Preferences · v98

Email digest
Product updates
Community
Preferences 4

Shipping · v99

Address 1

Shipping · v100

Address 2

Shipping · v101

Address 3

Shipping · v102

Address 4

Invite · v103

NNika R.
Admin
KKenji A.
Member
Invite 1

Invite · v104

NNika R.
Admin
KKenji A.
Member
Invite 2

Invite · v105

NNika R.
Admin
KKenji A.
Member
Invite 3

Invite · v106

NNika R.
Admin
KKenji A.
Member
Invite 4

Budget · v107

$1,500
$0$3,000
Range 1

Budget · v108

$2,100
$0$3,000
Range 2

Budget · v109

$900
$0$3,000
Range 3

Budget · v110

$1,500
$0$3,000
Range 4

Patterns125

Aurora Mesh
Dot Grid
Grid Lines
Diagonal Stripes
Noise Grain
Starfield
Aurora Waves
Hex Grid
Radial Bloom
Circuit Lines
Blueprint
Isometric Cubes
Concentric Rings
Topographic
Bokeh Particles
Aurora 1
Aurora 2
Aurora 3
Aurora 4
Aurora 5
Aurora 6
Aurora 7
Aurora 8
Aurora 9
Aurora 10
Drift Grid 1
Drift Grid 2
Drift Grid 3
Drift Grid 4
Drift Grid 5
Drift Grid 6
Drift Grid 7
Drift Grid 8
Pulse Dots 1
Pulse Dots 2
Pulse Dots 3
Pulse Dots 4
Pulse Dots 5
Pulse Dots 6
Pulse Dots 7
Pulse Dots 8
Stripe Sweep 1
Stripe Sweep 2
Stripe Sweep 3
Stripe Sweep 4
Stripe Sweep 5
Stripe Sweep 6
Stripe Sweep 7
Stripe Sweep 8
Radial Bloom 1
Radial Bloom 2
Radial Bloom 3
Radial Bloom 4
Radial Bloom 5
Radial Bloom 6
Radial Bloom 7
Radial Bloom 8
Rings 1
Rings 2
Rings 3
Rings 4
Rings 5
Rings 6
Rings 7
Rings 8
Scanline 1
Scanline 2
Scanline 3
Scanline 4
Scanline 5
Scanline 6
Floating Orbs 1
Floating Orbs 2
Floating Orbs 3
Floating Orbs 4
Floating Orbs 5
Floating Orbs 6
Floating Orbs 7
Floating Orbs 8
Mesh Gradient 1
Mesh Gradient 2
Mesh Gradient 3
Mesh Gradient 4
Mesh Gradient 5
Mesh Gradient 6
Mesh Gradient 7
Mesh Gradient 8
Orbit 1
Orbit 2
Orbit 3
Orbit 4
Orbit 5
Orbit 6
Noise Mesh 1
Noise Mesh 2
Noise Mesh 3
Noise Mesh 4
Noise Mesh 5
Noise Mesh 6
Beam Split 1
Beam Split 2
Beam Split 3
Beam Split 4
Beam Split 5
Beam Split 6
Blueprint 1
Blueprint 2
Blueprint 3
Blueprint 4
Wave Lines 1
Wave Lines 2
Wave Lines 3
Wave Lines 4
Hex Mask 1
Hex Mask 2
Hex Mask 3
Hex Mask 4
Circuit 1
Circuit 2
Circuit 3
Circuit 4
Starfield 1
Starfield 2
Starfield 3
Starfield 4