Nexvyn/Ui
GitHub
T
C
o
m
p
o
n
e
n
t
s
Search
Ctrl K
By id
34
B
l
o
c
k
s
3
2
New blocks
View
w-full
44
ps 16 · pe 48 · py 12
close 32 · end 8 · w-full strip
Banner Filled
Get started
Docs
w-full
44
ps 16 · pe 48 · py 12
border-b 1 · close 32 · end 8
Banner Outline
New
Live
Read
w-full
44
ps 16 · pe 48 · py 12
tag h20 · px 6 · r4 · gap 8
Banner Tagged
Maintenance
w-full
44
ps 16 · pe 48 · py 12
icon 16 · gap 8 · role status
Banner Notice
We use cookies
Cookies keep the site working.
Change your choice any time.
Decline
Accept all
w-full · max 448
152
p16 · r4 · btn h36 · gap 8
Banner Cookie
Get updates
No spam.
Email
Join
w-full
p20 · r4 · input h40 · gap 8
error slot min-h 20 · success crossfade
Banner Subscribe
Start building
Browse
MCP
w-full
auto
border · r4 · py 64 · px 24
actions h44 · gap 12
CTA Centered
Every screen
Browse
w-full
auto
r4 · ps 56 · phone 55% · lg 2 cols
CTA Split
Nexvyn UI
w-full
auto
border-t · py 32 · links gap 24
Footer Simple
Nexvyn UI
w-full
auto
border-t · 1.4fr + 3 cols · py 48
Footer Columns
Nexvyn UI
w-full
auto
border-t · py 48 · gap 24 · icons 44
Footer Centered
Frequently
asked
max 1024
auto
lg 1fr + 1.6fr · rows hairline · one open
FAQ Accordion
Frequently
asked
max 1024
auto
lg 1fr + 1.6fr · label per group
FAQ Grouped
Frequently asked
01
02
03
04
05
06
max 1024
auto
lg 3 cols · rule pt 20 · gap 40
FAQ Numbered
Frequently asked
max 1024
auto
lg 3 cols · icon 18 · gap 40
FAQ Icons
Nexvyn UI
w-full
auto
lg 1fr + 2fr · field h44 · 4 cols
Footer Newsletter
Nexvyn UI
w-full
auto
select h44 · native · 4 cols
Footer Language
Nexvyn UI
w-full
auto
bold wordmark · w-full · cap to descent
Footer Wordmark
Nexvyn
w-full
auto
draw 1000ms · fill 700ms · once
Footer Signature
Welcome back
Sign in
44
max 384 · fields h44 · r4
Login Social first
Welcome back
Sign in
44
max 384 · fields h44 · r4
Login Email first
Welcome back
Sign in
44
max 320 · lg 2fr + 3fr · photo from lg
Login Split
Welcome back
Sign in
44
max 320 · lg 2fr + 3fr · photo from lg
Login Testimonial
256
rows h36 · settings pinned · r4
Sidebar Workspace
56
w224 on hover · over the page
Sidebar Rail
56
w256 open · page shifts with it
Sidebar Collapsible
Built on the tools
max 1024
96
cols 2 · sm 4 · cell h96 · gap 1
Social Proof Logo grid
Built on the tools
max 1024
96
once in view · stagger 50 · 700 out
Social Proof Logo reveal
Built on the tools
Full stack
max 1024
96
hover or focus · scale 95 · link in
Social Proof Logo hover
Built on the tools
max 1024
48
list x2 · copy aria-hidden · edge mask
Social Proof Logo marquee
What teams say
max 1024
lg 3 cols · md 2 · mobile 3 + show more
Social Proof Testimonial grid
In their words
320
two rows · opposite drift · pause on hover
Social Proof Testimonial marquee
U
n
i
q
u
e
2
0
Save
Saving…
112
44
16
8
12
Action Button
Edit
Share
Archive
Delete
217
12
4
overflow
r4
44
36
Adaptive Actions
Ask anything...
Claude
229
14
82
10
6
4
AI Input
8.8
88
r4.8
5.6
size 160
Bars Theme
Dashboard
Projects
Team
120
4
104
32
4
24
spring overshoot · dot 6
Bounce Sidebar
core 32
petal 32
rings 6/12
bar 12
Blossom Picker
Fluid Precision
Fluid Precision
band 34%
24
auto
sweep 1.5s
Dia Text
Volume
50
%
67
%
r4
10
14
14
10
bar 4x20
40
w-full
Fader
Screen
280
184
r10
p6
w315
Laptop Mockup
Screen
256
532
r42
66x20
2 + 3.5
Phone Mockup
193
99
Rocket Launch
Navigation Compass
220
220
Fluid Orb
LISTENING
d110
200 × 200 hit area
Glow Orb
Share
Copy link
Share on X
Embed
78x34
r12
p 6
goo gap 18
Gooey Dropdown
Pen
164
44
pe 12
gap 4
Icon Bar
Dashboard
Automations
Settings
pad 6
r22
192
146
44
Morph Nav
Overview
Install
Theming
Components
192
182
44
gap 2
pad 4
r4
Nav Menu
RICH
60%
40%
LIGHT
32
16
32
gap 8
12
r4
6
w-full
Ratio Slider
3/7
PHILOSOPHY
DESIGN
MOTION
SPEED
A11Y
DX
THEMING
60 ticks
ticks · hover reveals labels
Scroll Indicator
B
a
s
i
c
1
4
Is it accessible?
Adheres to WAI-ARIA.
Is it animated?
8
48
Accordion
Early Access
104
26
12
12
r13
Badge
Home
Docs
Install
159
12
20
text 14 · gap 6
Breadcrumbs
Buy groceries
20
12
44
Checkbox
$
npx shadcn@latest add @nexvyn/badge
r4
10
12
12
10
38
auto
Clipboard Field
Copy
Rename
Delete
⌘C
min 192
44
p 6
r4
155
Context Menu
Edit
Duplicate
Delete
Actions
44
8
44
p 6
r4
224
px 16
py 12
155
Dropdown Menu
API Key
sk-proj-a1b2c3d4e5f6
Copy
ps 8
pe 4
w-full
46
r4
Input Copy
Password
288
44
r4
hit 44
Password Input
Medium
Large
88
r10
12
44
52
gap 8
Radio Group
Medium
Small
Medium
Large
44
8
p4
w192
px 16
py 12
r4
44
r4
Select
Notifications
44
24
travel 20
r12, pad 2
Switch
Introduction
Getting Started
Features
Getting Started
56
p8
40
r4
px 24
280
12
Table of Contents
Overview
Activity
Settings
240
p6
px 12
gap 2
44
Tabs Subtle