Components
Every component, grouped by what it does. Open one to see it large, copy the install command and read the usage.
Inputs
10Single fields: text, password, select, slider, tags and more.
- Floating label inputLabel lifts on focus and when filled.Free
- CheckboxThe tick draws itself in.Free
- SwitchSpring-driven thumb, keyboard accessible.Free
- Search inputIcon, placeholder and a clear button that pops in.Free
- Password with strengthShow/hide toggle and a three-step strength meter.Free
- Range sliderValue bubble appears while you drag.FreeVolume
- Select menuCustom dropdown, arrow keys and Enter work.FreeFramework
- Number stepperMinus and plus, digits roll in the direction you go.FreeSeats3
- Code inputSix boxes, auto-advance, paste the whole code at once.Pro
- Tag inputType, press Enter, chips pop in. Backspace removes.Proreacttailwind
Forms
7Complete forms with validation, loading and success states.
- Login formValidation, a shake on error and a loading state.Free
- Newsletter formInline email field that turns into a thank-you.Free
- Contact formCharacter counter and an animated success check.Pro
- Multi-step formProgress bar and steps that slide in and out.ProAccountStep 1 of 3
- Sign-up formPassword strength meter, terms checkbox, loading and done states.Free
- Feedback formPick a face, add a comment, get a thank-you.Pro
How was your experience today?
- Card paymentThe number groups itself, the brand is detected and the card flips for the CVC.Pro
Overlays
7Modals, drawers, popovers, menus, a cookie banner and a command palette.
- ModalA centred dialog over a blurred backdrop; Esc or a click outside closes it.Free
- PopoverA small panel with an arrow, right next to its button.Free
- Dropdown menuKeyboard-friendly menu with a destructive item at the end.Free
- Cookie bannerAccept, reject, or pick categories in the settings.Free
🍪 We use cookies
Some keep the site working, others help us see what to improve.
- Confirm dialogDelete stays disabled until the name is typed back.Pro
- DrawerSlides in from the side or from the bottom.Pro
- Command paletteType to filter, arrows to move, Enter to run.Pro
Text
15Headlines and numbers that animate in, shimmer or decode.
- Shimmer textA soft highlight sweeps across the words.FreeNow in beta
- Gradient textA red gradient flows slowly through the letters.FreeBuilt for speed
- Highlight textA marker stroke sweeps behind the key word.Free
Components people actually notice.
- Text scrambleCharacters resolve one by one.Pro
- Number tickerDigits roll to the new value.Pro
- CountdownDigits slide down to zero, then it announces the launch.Pro
Launching in
00min
10sec
- TypewriterTypes, pauses, deletes and moves to the next phrase.Pro
- Word rotateOne word in a sentence keeps changing.Pro
Build interfaces
- Blur revealWords come into focus one after another.Pro
- Letter waveLetters jump in a wave when you hover.Pro
- Outline textHollow letters that fill in on hover.Freenex-ui
- Animated underlineThe line draws in on hover and leaves the other way.Free
- Split revealWords slide up from behind a line, one after another.Pro
- Glitch textShort bursts of RGB split and sliced lines.ProSIGNAL LOST
- Spotlight textDim text that lights up around the pointer.ProMove to read
Boxes
5Cards and containers that respond to hover and pointer position.
- Lift cardRises and catches light on hover.Free
Starter plan
Everything you need to ship.
- Flip cardTurns over in 3D on hover or tap.Free
- Spotlight cardA light follows the pointer across the surface.ProMove the pointer here
- Tilt cardTilts in 3D toward the pointer.ProTilt me
- Border beamA beam of light runs around the edge.Pro
Pro plan
A light runs the edge.
Box grids
4Bento layouts, feature grids, stats and a grid that follows the pointer.
- Feature gridIcon, title and text in a grid of thin lines.Free
Fast by default
Pages load before people blink.
Composable
Mix sections like building blocks.
Secure
Sensible defaults, no surprises.
Insightful
See what people actually click.
Global
Every language, every time zone.
Delightful
Motion where it helps, not everywhere.
- Stats gridNumbers count up when they come into view.Free
0k
teams
0%
on time
0.0
rating
0+
countries
- Bento gridBoxes of different sizes with a chart, avatars and a counter.Pro
Weekly sign-ups
Ships in minutes
From idea to live page before lunch.
Built for teams
Everyone edits the same page.
0.0%
uptime this year
- Spotlight gridOne light follows the pointer across all the borders.Pro
Fast by default
Pages load before people blink.
Composable
Mix sections like building blocks.
Secure
Sensible defaults, no surprises.
Insightful
See what people actually click.
Global
Every language, every time zone.
Delightful
Motion where it helps, not everywhere.
Blur
6Progressive blur for edges, captions and a moving focus.
- Blur captionThe bottom of the image melts into blur behind the text.Free
Aurora
Soft light behind any section.
- Progressive blurContent sinks into a deepening blur at the edges of a scroll area.Pro
- Radial blurSharp in the middle, blurrier toward the edges. The focus can follow the pointer.Pro
- Frosted glassA glass card over slowly drifting colour.Free
Frosted glass
Colour drifts behind, the card stays readable.
- Focus textOnly the word under the pointer is sharp.Pro
- Blur reveal cardSharpens on hover and slides the caption in.ProHover to focus
Lisbon offsite
Carousels
4Slides, card rows, a card deck and a 3D cover flow, all swipeable.
- Slide carouselSwipe or use the arrows; the dots show where you are.Free
Buttons
Twelve ways to say click me.
- Card rowNative scroll snapping with arrows and a progress line.Free
- Card stackThrow the top card aside and it goes to the back.Pro
Buttons
Twelve ways to say click me.
1 / 5 - Cover flowThe middle slide faces you, the rest turn away in 3D.ProBackgrounds
Animations
4Loops and transitions you can drop into any layout.
Badges
7Small labels for status, counts, news and plan tiers.
- BadgeSolid, soft or outline, in four tones and three sizes.FreeBetaBetaBetav2.4Pro
- Dot badgeA coloured dot in front of the label, pulsing if you want.FreeAll systems normalIdle
- Announcement badgeThe pill above a hero headline that links to what’s new.Free
- Status badgeLive, idle and error states.Free
- Notification badgeThe count pops when it changes and caps at 99+.Pro
- Shine badgeA highlight sweeps across every few seconds.ProNew
- Gradient border badgeA light runs around the edge.ProPro
Status
4Loaders, toasts, progress and tooltips that tell people what is happening.
Backgrounds
10Layers that sit behind your content: grids, grain, glows and motion.
- Dot gridA field of dots that fades toward the edges.FreeYour content here
- Grid linesBlueprint grid fading out from the top.FreeYour content here
- GrainFilm noise over a soft glow, kills flat gradients.FreeYour content here
- StarfieldTiny stars twinkling at their own pace.FreeYour content here
- Gradient shiftA deep red gradient that slowly drifts.FreeYour content here
- AuroraBlurred color blobs drifting slowly.ProYour content here
- MeteorsStreaks falling diagonally across the section.ProYour content here
- Pointer glowThe grid lights up wherever the pointer goes.ProYour content here
- Light beamsThin beams of light falling down vertical lines.ProYour content here
- WavesLayered waves rolling at different speeds.ProYour content here