uibrik
AccordionSections that ease open to their height while the content fades up behind, one at a time or several, with full keyboard support.
Activity Logactivity-logAn audit log grouped by day, with live search and filters by person and event type.
Area Chartarea-chartA time-series chart with soft area washes and one crosshair that reads every series at once.
Auth Formsauth-formsSign in, sign up, code verification and password reset in one card that eases between modes.
Bar Listbar-listA ranked list of top pages, referrers or countries whose rows slide to their new rank and resize when you switch lists.
Cart Flightcart-flightA product grid where added items fly on a curve into the cart, the cart grows into a drawer, and removed items fly back to their card.
Classic Navbarclassic-navbarA full-width bar that hides while you scroll down and returns on scroll up, with an underline that slides to the current page. Links left, centred or right; zero to two CTAs.
Collapsible Sidebarcollapsible-sidebarAn app sidebar that folds to an icon rail with the icons staying put, tooltips in the rail and a sliding highlight; ⌘B toggles it.
Deploy Pipelinedeploy-pipelineA deploy card that runs itself: steps spin and check off down a filling rail, then the card turns Ready with the live URL.
Dotted Globedotted-globeA turning globe of dotted land in five modes: arcs flying between cities, people coming online, pulses of activity, routes with travelling packets, and labelled locations. Drag to spin it.
Email Composeremail-composerAn email composer with recipient chips and suggestions, contact cards on hover, drag-and-drop attachments with upload progress, and a send button that schedules.
Event Feedevent-feedA live feed card where new events drop in at the top with a soft highlight, push the rest down and age in real time.
File Cardfile-cardA document card whose corner curls on hover to show the next page, with older versions stacked behind the sheet.
Folder FAQfolder-faqAn FAQ laid out as files in a drawer: each question peeks out on its tab, and opening one lifts it from the stack while the folders in front slide down to uncover the answer.
Integration Orbitintegration-orbitYour logo at the centre of two slow rings of app icons; pointing at one stops the rings, draws a line to the middle and names the app.
Live Cursorslive-cursorsA shared document where three teammates' cursors select, type and drag a card at their own pace, to show real-time collaboration.
Nested Sidebarnested-sidebarA sidebar for deep navigation: items open in place beside a guide line, search (press /) filters the tree, and it folds to a rail of top-level icons.
Org Chartorg-chartA pan-and-zoom org chart whose teams grow out of and fold back into their manager, with search that flies to a person, a minimap and profile cards.
Pricing Receiptpricing-receiptPick a plan and a receipt prints with the line items and total due today, then gets stamped.
Project Dashboardproject-dashboardA team overview with cycle progress, issues by status, workload per person, recently updated issues and an activity feed.
Split Accordionsplit-accordionSections that sit together as one block. Opening one splits it away from its neighbours with an easing margin, rounds the corners at the break and reveals the answer; closing it merges the block back.
Split Barsplit-barParts of a whole on one bar, linked to a list, with segments that slide to new shares when the data changes.
Status Dashboardstatus-dashboardAn infrastructure status screen with overall health, 90-day uptime per service, live latency, region health and an incident timeline.
Terminal Demoterminal-demoA terminal that plays a short session on view: the command types itself, output arrives line by line and a progress bar fills.
Testimonial Carouseltestimonial-carouselOne large quote at a time over a faint oversized quote mark, with a pill pager below; the frame eases to each quote's height, and it swipes and steps with the arrow keys.
Testimonial Orbittestimonial-orbitCustomer photos on a slow ring around one quote; picking a face flies it into the middle while the quote cross-fades. On narrow screens the ring becomes an arch above the quote.
Testimonial Walltestimonial-wallColumns or rows of quote cards that scroll endlessly at their own pace, neighbours running against each other; hovering a lane stops it so the quote can be read.
Tray Navbartray-navbarA navbar whose links sit in an inset tray, with a raised pill that slides to the current page. Links left, centred or right; zero to two CTAs.