Terminal

A terminal that types its commands character by character and prints their output a beat later. The blinking cursor waits at a fresh prompt when it is done.

Terminal is part of Pro.

Get Pro to try it live and copy its code, along with every other element in the library.

Get Pro Already Pro? Sign in

CardA hairline surface. Interactive cards carry a soft light that follows the pointer and sink to .98 when pressed.
Avatar · GroupInitials on a hue gradient, or a photo, with an optional status dot cut into the ring. `Avatar` is one face; `AvatarGroup` overlaps faces in a row: near the pointer the row lifts and loosens on a gaussian, the nearest face comes to the front and a name pill slides along above.
Scroll revealA scrolling list whose cards wait, blurred and a touch small, until they scroll into view, then arrive. A hairline at the top fills with how far you have scrolled (written to a CSS variable, no React per frame).
Swipe deckA stack. Drag the top card: it tilts with your hand; let go past the SWIPE_DISTANCE and it flies off while the next card rises to take its place.
Progressive blurA blur that deepens toward the foot of the picture, stacked in bands so it reads as a gradient of focus, with a title sitting in it. Move the pointer up and the blur climbs with it on a small spring.
MarqueeRows of content loop without a seam. Hover and a row eases down to a crawl instead of stopping dead; leave and it picks back up.

Terminal

Terminal is part of Pro.

Related