Components from A to Z
All 350 components on one page, in alphabetical order. Type a word, for example pricing, contact form or booking.
A
- About6 variantsAbout · ContentStory, values, mission, offices on a dotted map, numbers and the founders.
- Accordion3 variantsNavigation elements · ElementsDisclosure rows on native details: readable without JavaScript, one or many open, smooth where the browser allows.
- Address form4 variantsAddress, payment and consent · ContentAddresses that fit the country. Fields, order, labels and the postcode check follow the country, delivery and billing stay separate when needed, saved addresses are cards, and a search fills everything in.
- Agent run5 variantsAI and chat · AppScreens for AI agents that act on their own. A live run with stop, every tool call with input and output, a queue of actions waiting for a person, a plan to check before the start and the history of runs.
- AI chat6 variantsAI and chat · AppChats, prompts, agents and answers with sources. Replies stream in, everything works with the keyboard.
- AI features6 variantsAI features · MarketingSections that show what AI does in a product, in six layouts: an assistant in the app, prompt to result, an agent working through steps, with and without AI, model choice with privacy and a live playground.
- AI onboarding4 variantsAI setup · AppThe first minutes with an AI assistant. What it can do with an example that types itself, a first task to start with, the data sources to connect with what each one reads, and an honest page on limits and promises.
- AI search4 variantsAI answers · AppAI search in four forms. Results with an AI overview on top whose citations jump to their result, a research run that turns into a report, an answer as a comparison table with a recommendation and caveats, and a thread of follow-up questions.
- AI settings5 variantsAI setup · AppSettings of an AI assistant. Memory you can see and edit, custom instructions with a live preview, data controls with export and delete, connected apps with access per scope and rules for a whole workspace.
- Alert2 variantsOverlays · ElementsMessages in the page for info, success, warning and error, each with an icon and clear words. Tones come from the kit tokens.
- Animated icons6 variantsMicro animations · VisualsSixteen icons that move with meaning when you point at them or their button. Same grid and stroke as the kit icons.
- Annotations5 variantsGraphics · VisualsHand-drawn marks that point at things. Arrows in five shapes, brackets, checks, crosses, strikes, emphasis lines, numbered callouts and notes draw themselves in as they scroll into view, each with its own slight wobble.
- Answer feedback5 variantsAI answers · AppFeedback on AI answers in five forms. Thumbs with reasons and a comment, a correction with preview and source, ratings on several scales, a report dialog with a privacy choice and an insights view for the team.
- API keys5 variantsDeveloper settings · AppAPI key screens. A list per environment, a new key that is shown once, permissions per area, usage with a live request view and rolling a key without downtime.
- App download5 variantsApp download · MarketingThe section that sends people to your app. Store buttons drawn for the kit without store logos, QR codes for desktop and phones that move.
- App shell5 variantsApp shells · LayoutThe frame of an application. It places navigation, header, panes and content on desktop, tablet and phone, with a sidebar that turns into a rail and a drawer, navigation in the header, three panes that push on phones, an inspector that becomes a sheet and a focus mode for one task.
- Application form4 variantsApplications and sign-ups · ContentApplying for a role, a shift or a programme. CV checked on the way in, a letter as file or written in place, the privacy note says how long data is kept, and every send names what is missing.
- Appointments6 variantsAppointments · IndustriesBooking in steps, services with duration and price, a team with free times, a week view, opening hours with emergency and a confirmation.
- Architecture studio5 variantsArchitecture studio · IndustriesFor architects and interior designers. The work phases by fee share, a philosophy with a sketch that draws itself, a project sheet with elevation, section and plan, materials to touch and a building cost estimate.
- Area chart3 variantsCharts · ElementsA line with a quiet tint below, as a wash, a gradient or stacked bands with a surface gap.
- Artist5 variantsArtists and musicians · IndustriesFor painters, sculptors and studios. Works by series with the red dot, one work in a room for scale, exhibitions with what is on now, a statement that lights up while reading and commissions.
- Audio player3 variantsMedia · ElementsAudio with a drawn waveform you can click, drag and step through, from a podcast card to a voice message.
- Aurora3 variantsBackgrounds · ElementsSoft veils of light in the accent color that drift slowly. Quiet in light mode, luminous in dark mode.
- Authentication9 variantsAuthentication · AppSign-in, sign-up and everything around it, with real validation and calm success states.
- Author page5 variantsAuthors and interviews · ContentThe people who write. An author profile with their articles, the directory of contributors, the masthead of an editorial team, a box with writer, reviewer and checks, and a byline for several authors.
- Automation rules5 variantsAutomation and builders · AppAutomation screens. When and then rules with switches, an editor that reads the rule back as a sentence, templates, a run log with retry and a schedule with the next runs.
- Automotive5 variantsAutomotive · IndustriesFor car dealers, garages and rentals. Inventory with filters, the vehicle page, a test drive with route, financing and a trade-in estimate.
- Avatar4 variantsData display · ElementsPeople as image or initials, with presence, in stacks and with a name.
- Avatar generator5 variantsPlaceholders and generators · VisualsAvatars drawn from a seed, for placeholders, new accounts, demo data and comment threads. Drawn faces, geometric marks, gradient orbs with initials and pixel stamps. The same name always gives the same picture.
- Avatar picker4 variantsSpecial input fields · ElementsThe picture for a profile. Frame a photo with drag, zoom and keys, make an avatar from initials, choose from a set, or change it from a compact settings row.
B
- Banking5 variantsBanking · IndustriesFor banks, credit unions and fintechs. Accounts with conditions, cards that turn over, fixed deposit rates, a savings goal and the account switch.
- Banners6 variantsBanners · MarketingAnnouncement bars, notices, countdowns and promotions that step aside when closed.
- Bar chart4 variantsCharts · ElementsColumns and bars with rounded data ends, a 2 px surface gap, value labels where they fit, tooltips and arrow keys.
- Beams3 variantsBeams, particles and motion · ElementsLight that travels along grid lines, falls as rays or runs along curves.
- Billing5 variantsBilling and usage · AppBilling screens for apps. Change the plan with a prorated price, buy seats, manage payment methods, cancel with a fair offer and keep billing details.
- Blog8 variantsBlog · ContentPost lists from grid to magazine, the article itself with a table of contents, related posts and the author.
- Blur in3 variantsText effects · ElementsA whole line goes from blurred to sharp. It stays real text, only opacity, filter and transform move.
- Book launch5 variantsCreators · IndustriesEverything a book page needs. A cover that tilts toward the pointer, a reading sample with progress, the contents, pre-order with bonuses and a signed copy, and reviews.
- Booking request4 variantsRequest forms · ContentRequests for bookings a person confirms, unlike instant appointments. A room for an event with live capacity, a holiday home on exact or flexible dates, a package with a total that counts along, a workshop on one of three dates.
- Border beam3 variantsBeams, particles and motion · ElementsA card whose border carries a travelling light, in three lengths and three speeds.
- Bottom nav5 variantsSub navigation · LayoutThe tab bar at the bottom of a phone screen for web apps and mobile sites. Full width on phones, a centered floating bar on tablets, out of the way on desktops. A light glides to the active tab, badges count, a main button opens quick actions and More opens a sheet.
- Breadcrumbs2 variantsNavigation elements · ElementsWhere a page sits, as a trail, a collapsed trail with a menu or a contained bar. On phones a back link.
- Bullet chart4 variantsComparison charts · ElementsA measure against its target with ranges for poor, fair and good behind it, as rows, upright columns, inside a table or as scorecards. Reaching a target shows a check and a word, not color alone.
- Bundles4 variantsBundles and subscriptions · E-CommerceSelling several things together. Frequently bought together with one total, a set to build with tiered discounts, ready-made sets and packs with a price per piece.
- Button7 variantsButtons · ElementsFive styles, three sizes, icons, loading, groups, icon buttons and neutral sign-in buttons.
- Button group3 variantsButtons · ElementsButtons joined into one control, as a row, a stack or a split button with a menu.
C
- Calendar5 variantsCalendar · AppMonth, week and day views, booking with time slots and a date picker. Weeks start on Monday in German.
- Call to action11 variantsCall to action · MarketingThe invitation to the next step, from a quiet line to a lit panel.
- Callback request4 variantsRequest forms · ContentA number and a moment, and the business calls. Days and time windows with booked ones paused, a live status with the wait and a call right now, one row for a hero, or the topic that decides who calls.
- Candlestick chart4 variantsKPI, live and map charts · ElementsPrices as open, high, low and close. As candles, candles with volume below, a range switch from one month to a year, or OHLC bars with a moving average. Rising days hollow, falling days filled.
- Card10 variantsCards · ElementsOne surface for ten jobs, from a plain card to profile, plan, stat, image, link, glass and a light beam.
- Card fan5 variantsScroll reveals and transitions · MarketingCards that fan out, spread and pile up. Three open from a stack while the section scrolls in, two are played by hand, an arc you turn and a deck you deal from. Without JavaScript every card lies in its place.
- Card input4 variantsSpecial input fields · ElementsCard number, expiry and security code with grouping, a Luhn check, auto advance and clear messages, without network names or logos.
- Care services5 variantsCare services · IndustriesFor home care services, care homes and assisted living. Help by need, a care grade check, the own share in a care home, a day of visits and a free consultation.
- Careers7 variantsCareers · ContentOpen roles with filters, culture, benefits, a full job page, the hiring process and an open application.
- Cart5 variantsCart and checkout · E-CommerceThe cart as a panel, a page, a popover, an empty state and with upsells.
- Case studies6 variantsCase studies · ContentCustomer stories with results, from a card grid to a full case study header and measured before and after.
- Categories5 variantsCategories and collections · E-CommerceThe way into a catalog. Shop departments, blog topics, service areas or a directory, as icon tiles, image cards, round thumbnails, link columns or big names on a photo.
- Celebrate5 variantsMicro animations · VisualsMoments of joy for your page, from confetti bursts and a rain over a card to fireworks, side cannons and twinkling sparkles. One fixed layer that never widens the page, theme colors, calm with reduced motion. Fire it from code, on click or when it scrolls into view.
- Changelog and roadmap6 variantsChangelog and roadmap · MarketingWhat shipped and what comes next, in six layouts: a release timeline, roadmap columns, a release card with picture, a filterable list, feature voting and a subscribe panel.
- Chat scene3 variantsAnimations · VisualsA conversation that writes itself. Typing dots, a composer that types and sends, cards inside messages. Nothing below ever jumps.
- Chat widget5 variantsAI assistants · AppA support chat for websites. A launcher with a help home, a conversation with an AI note and quick replies, the handoff to a person with a queue, a lead form inside the chat and an AI answer embedded in a help page.
- Checkbox2 variantsForms and inputs · ElementsReal checkboxes in the kit look: label, description, mixed state, groups, cards and errors as text.
- Checkout5 variantsCart and checkout · E-CommerceFrom one page to step by step, express checkout and the confirmation after.
- Cinema5 variantsCinema · IndustriesFor cinemas, open air screens and film clubs. Showtimes by day, a seat picker for the hall, a film page, coming soon with reminders and prices.
- Citations5 variantsAI answers · AppCitations for AI answers in five forms. Source cards with how often each is cited, footnotes with jump and back, pills that preview the quoted passage, a source panel that follows the chosen sentence and a check of which claims a source backs.
- Classes and schedules6 variantsClasses and schedules · IndustriesA weekly schedule with filters, class cards with places left, trainers, memberships, a free trial and today’s timeline.
- Coaching5 variantsCoaching and consulting · IndustriesFor coaches and mentors. Programmes with monthly payment, the journey through the weeks, a free discovery call, client results with numbers before and after and an honest fit check.
- Code block4 variantsCode and JSON · ElementsCode with file header, tabs, copy button, line numbers, highlights and diffs. Syntax colors come from the theme and the accent.
- Collection header5 variantsCategories and collections · E-CommerceThe top of a collection or category page. A title on a photo, text with read more and subcategories, tabs with a sticky bar for sort and view, a collection told like a magazine and the page of a maker.
- Color picker4 variantsPickers and selections · ElementsChoose a color from named swatches, an editor with area, hue, eyedropper and HEX, RGB or HSL, or turn one color into a scale with contrast ratios.
- Combobox1 variantPickers and selections · ElementsA text field that filters a list as you type, ignores accents, highlights the match and can create new entries.
- Command palette2 variantsOverlays · ElementsSearch and run anything. Ctrl K or ⌘K opens it, arrows move, Enter runs, and groups keep it calm.
- Comments4 variantsBlog · ContentThreads with replies, a form first layout, questions with answers and a compact summary. New comments appear in place.
- Community5 variantsCommunity · MarketingThe people around a product. Where they meet with live activity, local groups on a map, recent threads by topic, a wall of members and a band to join.
- Compare outputs4 variantsAI answers · AppComparing AI outputs in four forms. A blind vote between two answers that reveals the models afterwards, a word diff between two versions, several models side by side with time, length and cost, and an evaluation table.
- Comparison5 variantsComparison · ContentYou against the others, before and after, scored options, a feature matrix and pros and cons.
- Comparison chart5 variantsComparison charts · ElementsTwo states side by side, as a slope chart, a butterfly, diverging bars, an A/B test with intervals and confidence, or series indexed to 100 on one axis.
- Consent preferences4 variantsAddress, payment and consent · ContentThe page people come back to from every email or their account. Topics and frequency with a save bar that appears on change, unsubscribing with a softer option first, topics against channels, and requests about their own data.
- Consulting5 variantsCoaching and consulting · IndustriesFor consultants and small advisory firms. Packages that open with deliverables, the method as a ring, an effort estimator, references with numbers and a brief in three steps.
- Contact8 variantsContact · ContentForms with validation, channels, a map, booking, opening hours, a help center and a sales form.
- Content8 variantsContent · ContentText and pictures for the middle of a page, from a simple split to a long read.
- Copy button2 variantsButtons · ElementsCopies a value with one click, the icon turns into a check and a live region announces it.
- Courses6 variantsCourses · IndustriesA course catalog, a curriculum, a lesson with progress, instructors, a certificate and access plans.
- Coworking5 variantsCoworking · IndustriesFor coworking spaces and shared offices. Plans by team size, room booking on a time axis, amenities on the floor plan, a day pass and locations with live occupancy.
- Creator shop5 variantsCreators · IndustriesA shop for digital products. A storefront by kind, presets with a live before and after slider, a product page with its files and licences, a bundle builder and pay what you want.
- Cursor scene3 variantsAnimations · VisualsA pointer works through an interface, and the interface answers on the same timeline. Shows a flow without a video.
- Customer account5 variantsAccount and loyalty · E-CommerceThe account of a shop. A start page with the latest order on its way, the address book, saved ways to pay with a live card preview, the account frame with its menu and order tracking without an account.
D
- Dashboard6 variantsDashboards · AppComplete application screens in a sidebar frame, with a tab bar of their own on phones.
- Dashboard build3 variantsAnimations · VisualsA dashboard that puts itself together in view: cards rise, numbers count, the line draws, bars grow, the ring fills. "live" keeps it streaming.
- Data export5 variantsImport, export and history · AppExport screens. A quick export with format and rows, columns to pick and order with a preview, scheduled exports, the export history and a full account archive.
- Data flow3 variantsData animations · VisualsNodes joined by hairlines, with packets of light running along them and a ring where they arrive. Pauses out of view.
- Data story5 variantsData stories · ContentStories told with one chart. A chart that stays while the text scrolls past, a line with numbered notes, a line that draws itself while scrolling, small multiples on one scale and a projection steered with a slider.
- Data table6 variantsTables · AppTables that stay readable: search, filters, selection, sorting, pages and details. Phones get a compact list.
- Date input2 variantsPickers and selections · ElementsType a date in the local format or pick it from a calendar with full keyboard support. Ranges too.
- Daycare5 variantsDaycare · IndustriesFor daycare centres, nurseries and kindergartens. The concept in a drawn group room, the daily routine with a now marker, enrollment with the likely start, the groups and settling in.
- Dental practice5 variantsDental practice · IndustriesFor dentists, orthodontists and dental clinics. Treatments on a drawn arch, a calm page for anxious patients, the cleaning reminder, a cost estimate with the bonus booklet and the emergency guide.
- Description list5 variantsLists, trees and timelines · ElementsTerms and values as a real dl, in stacked rows, two columns, a hairline grid, an inline meta line or a spec sheet with groups. Values copy, link and carry a status.
- Device frames4 variantsMedia · ElementsPhone, tablet, laptop and watch drawn in CSS. One width scales the whole device, the content can render at a real screen size.
- Dialog2 variantsOverlays · ElementsA modal on the native dialog element. Focus stays inside, Escape and the backdrop close it, and focus returns to the trigger.
- Distribution chart5 variantsStatistical charts · ElementsHow values spread, not only their average. As a histogram, box plots, density curves, a dot strip where no dot hides another, or percentile bands with your own value placed in them.
- Documentation4 variantsDocumentation · ContentDocs pages with chapters, the page and its contents, a quickstart with progress, an API reference and the footer of every page.
- Donations and support4 variantsDonations and support · MarketingFor associations, foundations and causes. Amounts with their impact, a campaign goal that fills, tiers to pick and bank details to copy.
- Donut chart3 variantsCharts · ElementsPart to whole as a ring or a half gauge, the total in the middle, a legend with values and shares.
- Dot glow3 variantsBackgrounds · ElementsA dot field whose dots light up in the accent color near the pointer or in a moving wave.
- Drawn photos4 variantsGraphics · VisualsPhotographs drawn in SVG for image slots. Dishes, drinks, places, houses, rooms, portraits, covers and brand boards in natural colours, plus tonal scenes that follow the theme.
- Driving school5 variantsDriving school · IndustriesFor driving schools. Licence classes, a cost calculator, intensive courses, the learning path of a student and a theory quiz with drawn traffic situations.
- Dropdown menu3 variantsOverlays · ElementsMenus with icons, shortcuts, checkboxes and radios. Arrow keys, Home, End, typeahead, Escape. Plus a context menu.
E
- Email mockup5 variantsCampaign mockups · VisualsEmails as pictures for your page. A newsletter in a mail window, the inbox where it arrives, an order confirmation, the mail on a phone and a welcome series. Built from JSON blocks, so the mockup shows your real mail.
- Empty state3 variantsProgress and states · ElementsFirst runs, empty searches, errors and finished inboxes, with a next step.
- Error pages5 variantsError pages · ContentNot found, server error, maintenance, coming soon and offline. Each one helps people on instead of leaving them stuck.
- Error recovery4 variantsForm states · ContentWhen something goes wrong, the form takes the blame, keeps every entry and shows the way out. Problems listed above the form, checks while typing with a fix for typos, a failed send that retries by itself, and an expired session that does not lose a word.
- Estate agent5 variantsEstate agent · IndustriesFor estate agents who sell homes for their owners. An online valuation, the sale on a week grid, the weekly report for sellers, sold references and a market report by district.
- Events and webinars6 variantsEvents and webinars · ContentAgenda by day, speakers, tickets, the venue on a map, a webinar sign-up and the recordings archive.
F
- FAQ7 variantsFAQ · MarketingFrequent questions as native accordions, grids, tabs and a search, with optional FAQPage data.
- Feature flags5 variantsDeveloper settings · AppFeature flag screens. Switches per environment, a staged rollout with a kill switch, targeting rules with a test person, an A/B split with results and a comparison across environments.
- Features15 variantsFeatures · MarketingWhat a product or service offers, in fifteen layouts: grids, cards, rows, tabs, four bento layouts, steps and a before and after.
- Feedback widget4 variantsSurveys and feedback · ContentFeedback from any page. A tab on the edge, a round button with quick reactions, marking the exact spot on the page, and a full bug report with the device filled in. Floating ones sit over the window, or inside a frame with contained.
- Festival5 variantsFestival · IndustriesFor festivals and open air events. The line up as a poster, the timetable by stage, tickets with release phases, the site map and how to get there.
- File request4 variantsRequest forms · ContentAsking for documents and getting them back complete. One row per document, one drop for everything that sorts itself, a request from a firm with a deadline, and the review of what came back with the reason when a new version is needed.
- File upload2 variantsSpecial input fields · ElementsA dropzone with a file list: progress, done and failed, with checks for type, size and count.
- Files6 variantsFiles · AppFile manager screens with list and grid, uploads with a queue, previews with versions, sharing and storage.
- Floating actions5 variantsMenu bars and switchers · ElementsBack to top, reading progress, a mobile action bar, a sticky call to action and a contact dock. They follow the scroll of the page.
- Florist5 variantsFlorist · IndustriesFor florists and flower shops. A bouquet builder with a drawn bouquet, bouquets by occasion, same day delivery with a postcode check, the greeting card and workshops.
- Footer9 variantsFooters · LayoutThe end of every page, from a slim app footer to a large closing statement.
- Form builder5 variantsAutomation and builders · AppForm builder screens. Fields to add, order and set up, logic for follow-up questions, a live preview on desktop and phone, responses with summary and table, and publishing with link, embed and QR code.
- Form layouts3 variantsForms and inputs · ElementsComplete forms from the kit fields: contact, job application and settings, with sections, grid and actions.
- Free trial5 variantsFree trial · MarketingStarting a trial with nothing left unclear. The form with the steps that follow, the trial days on a track, a plan with the date of the first charge, three ways to start and a window that takes the team name as it is typed.
- Freelancer5 variantsPersonal brand · IndustriesFor freelancers and solo studios. An intro with live availability, the next months week by week, rates with a day calculator, a project enquiry with budget range and a typical week as a timetable.
- Funnel2 variantsCharts · ElementsSteps from first visit to the goal, with the share of the start and the conversion between every pair of steps.
G
- Gallery7 variantsGallery · ContentPictures in masonry, filters, carousels and a lightbox, plus a before and after slider.
- Gauge5 variantsKPI, live and map charts · ElementsOne value against its scale, with a swinging needle, named zones, lighting steps, a numbered dial or as a row of small gauges. The pointer and the arrow keys read any point of the scale.
- Generation gallery4 variantsAI writing and creation · AppGenerated images in four views. Four variations to pick from with vary and upscale, refining one image step by step with versions to compare, the history of past images by format and a render queue with progress and retry.
- Gift cards4 variantsAccount and loyalty · E-CommerceGift cards to design and send, ready cards by occasion, a balance check and the code field in the cart. The card motifs are drawn, your own artwork goes in their place.
- Globe3 variantsData animations · VisualsA dotted globe in real CSS 3D with invented land, arcs that draw between places and pulsing pins.
- Glossary5 variantsGlossary · ContentThe words of a field, explained once and found again. A to Z with a letter bar that follows, a page per term, terms by topic, terms marked in a text and a search page with the term of the day.
- Gradient mesh4 variantsBackgrounds · ElementsLayered radial gradients in accent tones, still or drifting slowly.
- Gradient sweep3 variantsText accents · ElementsA gradient built from the accent flows through the text. Pure CSS, paused off screen, still with reduced motion.
- Grid fade3 variantsBackgrounds · ElementsA line or tile grid that fades out, with cells that light up in the accent color.
H
- Heatmap2 variantsCharts · ElementsValues as tinted cells in five accent strengths, as a calendar of weeks or a labelled matrix. Arrow keys move through the cells.
- Help center6 variantsHelp center · ContentSearch with categories, article lists, an article with feedback, support by urgency, service status and video guides.
- Hero17 variantsHero · MarketingThe first screen of a page in sixteen layouts, from a centered statement to video, app, tabs, form and terminal.
- Highlight marker4 variantsText accents · ElementsAn underline, a highlighter or a loop draws itself behind a phrase, as SVG in the accent color. The words stay plain text.
- History timeline5 variantsAbout · ContentThe history of a company, told large. Eras with a line that fills, a year that counts along, a ruler of years to drag, decade tiles and the jubilee with the years set huge. Old pictures can appear as archive prints.
- Hover card4 variantsOverlays · ElementsMore about a person, a link, a product or a term while you rest on it. Opens on hover and on focus, Tab reaches its buttons, the first tap opens it on touch.
I
- Icon button3 variantsButtons · ElementsButtons that are only an icon, with a required label, four sizes, five styles and a count.
- Icons3 variantsData display · ElementsThe kit’s own line icons in 18 groups, drawn on a 24 pixel grid.
- Image compare3 variantsMedia · ElementsBefore and after with a draggable divider. Works with any two nodes, sideways or up and down.
- Image effects5 variantsPatterns and shapes · VisualsTreatments for any picture. A duotone in the accent turns to full color on hover, reveals uncover it while you scroll, a liquid ripple runs across it, a spotlight of color moves over a gray version and slices arrive one by one. Only filter, clip-path, mask and transform move.
- Image sequence4 variantsScroll journeys · MarketingA drawn picture that changes frame by frame while the page scrolls, like a flipbook. A mug turns, a lamp comes together, a house goes from sunrise to night, a plant grows. Drawn in SVG, no image files, the steps change beside it.
- Import wizard5 variantsImport, export and history · AppImport screens. Upload with a dropzone, matching columns to fields, a check of every row with fixes in place, the import with live progress and pasting from a spreadsheet.
- Inbox5 variantsInbox and messages · AppMail, chat, support tickets and shared team inboxes as complete screens. Phones show one pane at a time with a way back.
- Infographic5 variantsData stories · ContentNumbers told as pictures. Out of 100 in a field of marks, sizes as true circles, where a whole goes, before and after per category and flows from sources to uses. All in the accent and the text colors.
- Input4 variantsForms and inputs · ElementsText input with label, hint, error as text, icons, prefix, suffix and addons.
- Insurance5 variantsInsurance · IndustriesFor insurers, brokers and agencies. A tariff calculator, what each tariff pays in real situations, claim reporting, products with a bundle discount and an advisor finder.
- Integrations5 variantsIntegrations · ContentConnections and tools as a grid, an orbit, a searchable list, a flow diagram and a marquee. Services without a logo get a neutral drawn mark.
- Interview5 variantsAuthors and interviews · ContentInterviews set so you hear who speaks. Question and answer with initials in the margin, a portrait beside the conversation, a round table where one voice can stand alone, quick questions as cards and the strongest quotes one by one.
L
- Language switcher5 variantsMenu bars and switchers · ElementsLanguage and region choice with a real link per language. Languages by their own name, never by a flag.
- Launch and waitlist6 variantsLaunch and waitlist · MarketingThe moment before and at a launch, in six layouts: a waitlist with your place in line, a countdown stage, a launch film, an early access invitation, an announcement with figures and a blurred teaser.
- Law firm5 variantsLaw firm · IndustriesFor law firms, notaries and tax advisers. Areas of law with matters and contacts, the lawyers, a first consultation with deadline check, results and fees.
- Lead magnet4 variantsLead magnet · MarketingSomething useful in exchange for an email address, with a real piece shown first. A checklist with the rest behind a blur, a course by email, a quick check of the visitor’s website and template pages that fan out.
- Legal pages5 variantsLegal pages · ContentImprint, privacy policy, terms and cookie notices as pages people can read, with contents, copyable facts and a version history.
- Letter stagger3 variantsText effects · ElementsLetters enter one after another, words stay whole and never break across lines. Screen readers hear the text once.
- Line chart4 variantsCharts · ElementsOne or several lines over time with nice ticks, a crosshair tooltip, arrow key stepping and a data table for screen readers.
- Link in bio5 variantsPersonal brand · IndustriesOne page for everything a person links to. Links, products, dates, a newsletter and a share button, as a column, a bento, tabs, a countdown or a split with a portrait.
- Link list3 variantsNavigation elements · ElementsLists of links: a side menu with an active item, grouped settings rows and a quiet resource list.
- Listicle5 variantsEditorial · ContentLists that are the article. Large numbers with pictures that alternate, a ranking with scores and movement, a dense list with a contents bar, a carousel to swipe and places on a drawn map.
- Listings6 variantsListings · IndustriesProperties with filters, a detail page, a map with a list, a comparison, a mortgage calculator and a viewing request.
- Live chart5 variantsKPI, live and map charts · ElementsValues that keep coming in, as a sliding line, growing bars, an event track with a feed, live tiles or a latency band with a limit. It holds still while you read and has a pause button.
- Loading button2 variantsButtons · ElementsA button that shows it is working, keeps its width, blocks double clicks and reports success or failure.
- Logo cloud8 variantsLogo clouds · MarketingCustomers and partners at a glance, in eight layouts from a quiet row to a running marquee and a dark band.
- Logo generator5 variantsPlaceholders and generators · VisualsPlaceholder brands from a seed for logo clouds, mockups and case studies. Twelve families of marks, seeded wordmarks in the one typeface, lockups, stacked logos and app icons. The same name always gives the same brand, none of them looks like a real company.
- Long read5 variantsLong reads · ContentThe article itself, set for reading. Sidenotes beside the text, footnotes with previews, pictures in four widths, chapters with a rail that fills and an essay with initial and pull quote.
- Loyalty program5 variantsAccount and loyalty · E-CommerceA loyalty program as sections. The levels and their benefits, ways to earn points, rewards to redeem, the member card with progress and activity, and a referral with a link to share.
M
- Magazine front5 variantsEditorial · ContentThe front of a magazine or news site, sorted like an editor would. Lead story, sections with a bar that follows, a print issue with contents, a morning digest to tick off and the most read by period.
- Manifesto5 variantsManifesto · MarketingWhat a company stands for, in its own voice. A statement that lights up while you read, beliefs that come into focus, a founder letter that signs itself, this over that, and a pledge to sign.
- Maps and plans2 variantsGraphics · VisualsA district map for your own pins, a city map with a label, a small map for contact areas and a floor plan with room names. Drawn in the theme colors.
- Marquee3 variantsBeams, particles and motion · ElementsAn endless row or column of cards, logos or previews, never of bare words. Stops on hover and focus, drifts with the scroll if you like, still and scrollable with reduced motion.
- Mask reveal4 variantsScroll effects · MarketingType as a window onto a picture. The letters are cut out of the page, the picture moves behind them while you scroll, and in one variant the camera flies through a dot into the picture. Real, selectable text in light and dark mode.
- Media kit5 variantsSpeakers and media kits · IndustriesFor creators who work with brands. Reach per channel with growth lines, the audience in charts, sponsorship packages with a price that follows the channels, earlier partners and one campaign in numbers.
- Medical practice5 variantsMedical practice · IndustriesFor doctors, clinics and therapy practices. Services by area and who pays, the team, consultation hours on a time axis, insurance and online booking.
- Membership5 variantsCreators · IndustriesA paid membership around one person’s work. Tiers as a ladder with yearly billing, a library that shows what each tier opens, a look inside the member area, monthly drops through the year and membership as a gift.
- Menu7 variantsMenus · IndustriesMenus in courses, with photos, a daily board, drinks with sizes, diet filters, a lunch week and a reservation bar.
- Menubar4 variantsMenu bars and switchers · ElementsMenus in a bar as in a desktop app. One tab stop, arrows walk the menus and step between them, checkbox and radio items keep their state.
- Meteors3 variantsBeams, particles and motion · ElementsThin streaks that cross the stage on a slant, from seeded positions over a faint field of stars.
- Mockup scenes8 variantsMockups · VisualsDevices that overlap, windows in quiet perspective, pages that scroll inside their device and floating card collages.
- Mockups8 variantsMockups · VisualsBrowser windows and devices of our own shape, drawn in CSS. Put a live component or an image inside, one width scales everything.
- Model picker5 variantsAI setup · AppFive ways to choose the model behind an AI feature. A compact dropdown, cards with speed, depth, context and cost, a comparison table, the automatic choice explained as a route, and defaults per task with a cost limit.
- Multi select4 variantsPickers and selections · ElementsPick several values with search, groups, counts and a limit. As chips in the field, a filter button, an open facet list or a stack of people.
- Multi-step form5 variantsApplications and sign-ups · ContentLong forms cut into calm steps, described as data. Every step checks its own fields and focuses the first open one, going back keeps every answer, and the last step can show everything for a final look.
- Museum5 variantsMuseum · IndustriesFor museums, galleries and exhibition halls. Exhibitions with their run, tickets, timed entry, a floor guide and one work with details to zoom into.
- Musician press kit5 variantsArtists and musicians · IndustriesAn electronic press kit for bands and musicians. Overview with numbers and press photos, releases with tracks that play, tour dates with ticket state, press quotes and downloads, and the rider with a stage plot.
N
- Navbar9 variantsNavbars · LayoutHeaders for sites and apps, each with its own phone menu.
- Network graph3 variantsData animations · VisualsNodes on rings joined by hairlines. A signal ripples out from the center and lights every node it reaches. Point or Tab to see connections.
- Newsletter7 variantsNewsletter · MarketingSign-up forms with a real label, email type, autocomplete, error and success states.
- Newsletter archive5 variantsNewsletter · MarketingEvery issue that went out, readable on the web. The latest issue next to the sign up, a searchable list, drawn mail previews, one issue as a web page and a calendar of the year.
- Noise3 variantsBackgrounds · ElementsA grain overlay from an SVG turbulence that takes the plastic edge off gradients and accent surfaces.
- Notifications6 variantsNotifications · AppInbox, audit log, bell popover, channel preferences, weekly digest and a changelog feed. Complete screens in an app frame, with their own phone layouts.
- NPS and ratings5 variantsSurveys and feedback · ContentOne quick rating and a follow-up that fits the answer. A low score asks what was missing, a high one asks what people love, both with tags to tap and room for a comment.
- Number input4 variantsPickers and selections · ElementsA number field after the spin button pattern, in four looks. It steps, keeps to its limits, repeats while held and reads the number format of the language.
- Number journey5 variantsScroll journeys · MarketingOne large number that travels through stages while the page scrolls. It counts, grows a bar, rolls over with its unit, parts ways with a second number or fills a ring, always exactly with the scroll. Without JavaScript every stage stands in a row of figures.
- Number ticker3 variantsText accents · ElementsCounts up to a value when it scrolls in, formatted for the language with Intl and set in tabular digits. The final width is reserved from the start.
O
- Objections5 variantsObjections · MarketingThe doubts that stop people before they buy, answered with proof. Cards with counted figures, a picker for the one doubt, a list that ticks itself off, before and after from the same person, and calm rows.
- Offer stack5 variantsOffer · MarketingOne offer with its value made plain. A receipt of everything inside, bonuses that unlock while scrolling, the price next to the usual ways, an extra to add at checkout and payment in instalments.
- Onboarding6 variantsOnboarding · AppFirst-run screens that get people to their first result: checklists, welcome, setup, invites, empty states and tours.
- One-time code2 variantsSpecial input fields · ElementsSeparate slots on one real input: paste, SMS autofill and backspace work as people expect.
- Open source5 variantsOpen source · MarketingFor open source projects and open core products. The install line with repository figures, the people who build it with a year of activity, a getting started in tabs, sponsors with a goal and the free edition next to the hosted one.
- Orbit3 variantsBeams, particles and motion · ElementsIcons, logos or avatars that circle a center on rings and stay upright while they turn.
- Orders5 variantsOrders and returns · E-CommerceEverything after the purchase, from order history and tracking to invoice, returns and subscriptions.
P
- Page assembly3 variantsAnimations · VisualsComponents lift out of a palette, fly to their place and land, until the page is complete and published. On its own or with the scroll.
- Page header6 variantsPage headers · LayoutThe head of an inner page. Where you are, what the page is and what you can do here, for list pages, records, profiles and the inner pages of a website. App headers hand over to a compact bar once they scroll away.
- Pagination2 variantsNavigation elements · ElementsNumbers with gaps, simple previous and next, a results line and load more. Compact on phones.
- Parallax layers4 variantsScroll effects · MarketingA scene built from layers that move at different speeds while the page scrolls, so it reads as depth. Small shifts, half as large on phones, and without JavaScript every layer rests in the composed picture.
- Particles3 variantsBeams, particles and motion · ElementsA canvas of slowly drifting particles with lines between near neighbours. Seeded, sharp on every screen and paused when nobody looks.
- Partner program5 variantsReferral and partners · MarketingFor agencies, freelancers and resellers. Partner levels, recurring earnings over a year, the application with its next steps, a directory of certified partners and what partners get.
- Path journey4 variantsScroll journeys · MarketingA marker that travels along a path while the page scrolls, the path draws itself behind it and the stations on the way light up. A process, a delivery, a cycle or an ascent as one continuous way.
- Pattern8 variantsPatterns and shapes · VisualsBackground patterns in the theme colors. Dots, grids, lines, contour lines, grain, light fields, waves, halftone and rings, each with tone, fade, seed and a very slow drift.
- Payment form4 variantsAddress, payment and consent · ContentChoosing how to pay and paying, without card brand logos. Methods that open their own fields, the order beside the payment with a promo code, a direct debit with a real IBAN check, and paying in parts with every date shown.
- Phone input4 variantsSpecial input fields · ElementsA phone number with its country, without flags. Grouped as you type in the habit of the country, given back in E.164, with a searchable country list.
- Photographer booking5 variantsArtists and musicians · IndustriesFor photographers who take bookings. Packages by kind of shoot, a calendar to check and hold a date, galleries by theme, a price builder and a proofing page where clients pick their favourites.
- Pinned media5 variantsScroll stories · MarketingA medium that stays while the chapters change, and every change is a visible transition. Pictures fade with depth, a camera travels over a map, pictures wipe, a film strip runs on and screens slide in a browser.
- Placeholder images5 variantsPlaceholders and generators · VisualsPlaceholder pictures that look like the photo that will later sit in the slot. Seventeen industries, each with several shots, a caption chip and a size hint for builders. No files, no requests.
- Podcast4 variantsPodcast · ContentA podcast on its own website. Episode list with a player that rises in, the newest episode with chapters, the show with ways to follow and the episode page with a searchable transcript.
- Popover2 variantsOverlays · ElementsA panel next to a trigger for short forms and details. Flips when there is no room, Escape and a click outside close it.
- Popups and consent7 variantsPopups and consent · MarketingNative dialogs with a focus trap and Escape, a consent bar with settings and a toast stack.
- Portfolio6 variantsPortfolio · ContentProjects as a filtered grid, large rows, a sideways gallery, an index with hover pictures, a project header and a project in numbers.
- Press and awards6 variantsPress and awards · MarketingCoverage, awards and media material, in six layouts: outlet logos, article quotes, laurels, a press kit with downloads, a press contact and a featured article.
- Press release4 variantsPress and awards · MarketingPress releases in the form editors expect. The release with dateline, quote, boilerplate and a side column for contact and downloads, the newsroom with filters, a band of the latest releases and a release under embargo.
- Pricing11 variantsPricing · MarketingPlans, tiers, calculators and price lists, formatted in the visitor’s language.
- Problem and solution5 variantsProblem and solution · MarketingThe pain a visitor knows, then the way out. Side by side, crossed out while scrolling, as a switch between two weeks, as a monthly cost and as a conversation.
- Process7 variantsProcess · ContentHow it works, from four steps in a row to a rail that fills while you scroll.
- Product grid8 variantsProducts · E-CommerceProducts in grids, lists, rows and editorial layouts, with filters, quick view and categories.
- Product page6 variantsProduct pages · E-CommerceGallery, options, reviews and buying, from a classic layout to a configurator with live price.
- Product questions4 variantsReviews and questions · E-CommerceQuestions and answers on a product page. A searchable list with shop and buyer answers, the most asked as an accordion, the question form with similar questions and questions sorted into topics.
- Product reviews5 variantsReviews and questions · E-CommerceReviews as their own sections. A full overview with filters, search and shop replies, a customer photo wall, highlights by topic, the form to write one and a review row for home pages.
- Product tour6 variantsProduct tour · MarketingA guided walk through a product, in six layouts: steps with a changing screen, a scroll story, hotspots on a screen, a carousel, film chapters and an in-app tour with spotlight.
- Profile6 variantsProfiles · AppProfile screens for people, companies and teams, a public portfolio, an editor with live preview and a contact card stack.
- Progress4 variantsProgress and states · ElementsBars, rings and steps that show how far something has come.
- Projects6 variantsProjects · AppProject screens for apps: a list with health, one project at a glance, a Gantt timeline, milestones, a portfolio and the weekly update.
- Promo tiles3 variantsBanners · MarketingCampaign tiles for shops and offers. A sale, a new collection, a gift card or a subscription, each as one link with an image, a short line and a sticker.
- Prompt input5 variantsAI and chat · AppThe input of an AI product with one feature per variant. Files with upload state and limits, slash commands, context added with @ and a meter, modes with time and cost, and dictation that marks unsure words.
- Prompt library4 variantsAI writing and creation · AppA prompt library in four views. Templates by category with search and favorites, filling a template’s fields with a live preview, shared prompts with owner, version and visibility, and an editor that finds the fields as you type them.
- Proportion chart4 variantsComparison charts · ElementsShares that add up to 100%, as stacked rows, columns that show the mix over time, a marimekko where width is weight, or survey answers around a neutral middle.
Q
- QR code5 variantsMedia · ElementsReal, scannable QR codes from the kit’s own encoder. Plain with SVG and PNG download, styled with dots and a logo, as a table card, a Wi-Fi card or a live generator.
- Quiz funnel5 variantsQuiz and product finder · MarketingA few questions that lead to one recommendation. Cards one at a time, a live ranking that reorders, a chat with quick replies, all questions on one card, and this or that.
R
- Radar chart5 variantsStatistical charts · ElementsSeveral measures of one thing on spokes around a center, as one profile, a comparison, a linked list, small multiples on one scale or against a target. Arrow keys walk around the spokes.
- Radial chart4 variantsCharts · ElementsData that goes round: 24 hours as a clock, twelve months as a rose with true areas, weekdays by hour as a ring heatmap, and groups with their parts as a sunburst.
- Radial progress2 variantsKPI, live and map charts · ElementsProgress towards a goal as a single ring with the share in the middle, or several goals as concentric rings.
- Radio group3 variantsForms and inputs · ElementsOne choice from a few, on native radios: as a list, as cards with prices or as tiles with icons.
- Ranking chart5 variantsComparison charts · ElementsWho leads and how the order changes. As lollipops, a bump chart of ranks over time, a bar race with play and scrubber, a dot plot across sources or a leaderboard with movement and trend.
- Rating3 variantsData display · ElementsStars to show a score or pick one, and a summary with a bar per star.
- Recipe5 variantsRecipes · ContentRecipes with amounts that scale. The full recipe page, a shopping list to tick and copy, a cook mode with a timer per step, a collection with filters and the compact recipe box for a blog post.
- Referral5 variantsReferral and partners · MarketingCustomers bring customers. Give and get with a personal link, rewards on a track, three steps with a travelling invitation, an invite form with a message preview and a dashboard with friends and their status.
- Region map4 variantsKPI, live and map charts · ElementsValues per region on a drawn map of the invented island Fernland, as tinted regions with a ranked list, change in two tones, equal hex tiles or sized circles. Pass your own SVG shapes for a real map.
- Registration4 variantsApplications and sign-ups · ContentSigning up for an event, a course or a tournament, for one person or many. A block per ticket, dates with seats left and a waitlist, a team with a captain, ticket types with proof and workshops that warn about a clash.
- Request a quote4 variantsRequest forms · ContentAsking for a price, shaped for the business. A project brief with budget range and files, product lines for wholesale, fields that change with the kind of job, or the choice between writing and a call.
- Resizable panels4 variantsPanels and splitters · ElementsPanes you resize by dragging the line between them, after the window splitter pattern. Arrows move it, Home and End go to the limits, Enter folds, a double click resets.
- Resources and downloads4 variantsResources and downloads · ContentGuides, templates, reports and press files. Real download links, filters by type, a form that unlocks files and one featured guide.
- Résumé5 variantsPersonal brand · IndustriesA CV as a web page. Experience on a line that fills, roles as bars over the years, skills that show where they were used, the one-page paper version and a short summary with counting numbers.
- Review5 variantsEditorial · ContentReviews written so a reader can decide. The verdict with score ring and pros and cons, the scores with weights to adjust, the data sheet promised against measured, the winners of a comparison and the long test as a diary.
- ROI calculator5 variantsCalculators · MarketingWhat a product earns back, worked out by the visitor. Sliders with live results, a payback chart, scenarios, one question at a time and a revenue funnel. The model stays open and simple.
- Roles and permissions5 variantsSecurity and access · AppAccess screens for apps. A role matrix, a role editor with live summary, access requests with a time limit, groups that add roles and an access check that explains itself.
- Rooms and stays5 variantsRooms and stays · IndustriesRooms with amenities and price per night, an availability calendar, a booking bar, location and reviews.
- Rotating words3 variantsText accents · ElementsOne word in a sentence takes turns, the slot glides to the width of the next word, nothing jumps. Pauses off screen and on hover.
S
- Salon and spa5 variantsSalon and spa · IndustriesFor hair salons, beauty studios and spas. Treatments step by step, a price list by hair length, stylists with their work, vouchers with a live card and spa days.
- Save progress4 variantsForm states · ContentLong forms that need not be finished in one go. Autosave in the browser with a quiet chip, a link by email to carry on anywhere, started forms as drafts, and a welcome back where the visitor stopped.
- Savings calculator5 variantsCalculators · MarketingWhat visitors save by switching, bundling or paying differently. Tools ticked off against one plan, yearly billing with free months, a tariff over years, a bundle that steps up and commission against a flat fee.
- Scatter chart5 variantsStatistical charts · ElementsTwo measures per item as dots, plain, in groups, with a trend line, in four fields or as bubbles. The nearest dot answers the pointer, arrow keys step from left to right.
- School5 variantsSchool · IndustriesFor schools, colleges and academies. Programmes by degree, the application with a checklist, the school year, teachers and an open day planner.
- Scramble3 variantsText effects · ElementsLetters scramble and resolve into the text when it scrolls in and again on hover. Seeded, so every visit looks the same, and nothing moves.
- Scroll drawing4 variantsMicro animations · VisualsA line drawing that draws itself while you scroll and undraws when you scroll back. Four drawings included, any SVG paths work.
- Search field2 variantsForms and inputs · ElementsThe search box with a shortcut, clear button, Escape to clear, loading and a submit button.
- Search results5 variantsSearch results · ContentThe page after the search. Found words marked, tabs per type, filters with counts, instant suggestions and an empty result that still helps.
- Section header6 variantsPage headers · LayoutHeads for sections that carry more than a title. A view all link on the baseline, filters that drive the grid, a chapter mark with a drawing rule, a big figure, a side column that stays while the content scrolls and a statement that lights up as you read.
- Section transitions5 variantsScroll reveals and transitions · MarketingHow one section hands over to the next. The page fades into a dark band or an accent wash, a section slides over the last like a curtain, opens through a circle or pushes the one before back into a card. Without JavaScript every section stands on its own background.
- Security5 variantsSecurity and access · AppAccount security screens. A score with recommended steps, two-step sign-in setup, passkeys, backup codes and the sign-in history.
- Security and trust7 variantsSecurity and trust · MarketingProof that data is safe, in seven layouts: drawn certificate seals, privacy promises, a status board, a guarantee stamp, a security diagram, security questions and a compact row of badges.
- Select2 variantsForms and inputs · ElementsThe kit listbox with icons, descriptions, groups and full keyboard support, plus the styled native select.
- Services7 variantsServices · MarketingWhat a business offers, in seven layouts: cards with prices, a price list, an accordion, detail rows with pictures, a bento, steps to the result and an inquiry with estimate.
- Settings5 variantsSettings · AppSettings pages with a section column, cards per topic and a save bar that appears on change.
- Shapes4 variantsPatterns and shapes · VisualsAbstract shapes for decoration, drawn in SVG with the theme colors. Blobs, rings, arches, stacks, an orbit, a wave band, a flower, a dotted sphere, a squiggle and a star burst, with calm float, spin and breathe loops.
- Share4 variantsBlog · ContentShare a page by link, email, message, the device share sheet or a QR code. No foreign logos, your own channels as URL templates.
- Sheet2 variantsOverlays · ElementsA modal panel that slides in from any edge, with a fixed header, a scrolling body and a sticky footer.
- Shimmer text3 variantsText accents · ElementsA light passes over the text. Pure CSS on the inherited color, paused off screen, still with reduced motion.
- Shipping estimator4 variantsDelivery and stores · E-CommerceWhen it arrives and what it costs. Options for a postcode, the cut-off of today with the way to the door, rates per region and a delivery window to book.
- Shop promises4 variantsDelivery and stores · E-CommerceWhat a shop promises about shipping, returns, payment and service. A quiet strip under the header, cards with details, the free shipping bar and a money back guarantee with its seal.
- Sidebar5 variantsSidebars · LayoutApplication navigation with a rail on tablets and a drawer or tab bar on phones.
- Sideways scroll5 variantsScroll stories · MarketingA section that moves sideways while the page scrolls down. It stays in place until its row has passed, a line and a counter show how far you are. On phones each variant has its own layout, without JavaScript the row scrolls by hand.
- Signature pad4 variantsSpecial input fields · ElementsA signature drawn with finger, pen or mouse, ink that breathes with the speed, undo and clear, typing as the keyboard alternative, and SVG as the value.
- Size guide5 variantsProduct pages · E-CommerceSize charts in cm or inches, a fit finder from height and weight, a drawn figure that shows how to measure, a shoe size converter and the guide in a dialog from the size picker.
- Skeleton3 variantsProgress and states · ElementsPlaceholders in the shape of the content, with a soft light that stays still for reduced motion.
- Slider2 variantsForms and inputs · ElementsA styled native range: one value or a range with two thumbs, formatted values and marks.
- Social post mockup6 variantsCampaign mockups · VisualsSocial posts as pictures for your page, without the mark of any network. Picture posts, text posts, stories, carousels, video reels and a profile grid. Like by double tap, save, follow, swipe the slides and tap through stories.
- Sortable list4 variantsLists, trees and timelines · ElementsPut things in order by dragging, by keyboard or with buttons. The others glide out of the way, every move is announced to screen readers.
- Sparkline2 variantsKPI, live and map charts · ElementsA word-sized chart for running text and stat tiles, as line, area or bars, with tooltip and arrow keys.
- Speaker5 variantsSpeakers and media kits · IndustriesFor keynote speakers, trainers and experts on stage. Talks with formats and takeaways, a showreel with numbers and hosts, past talks by year, a booking enquiry and a one-sheet for organisers.
- Split reveal5 variantsScroll reveals and transitions · MarketingTwo or more parts that open while the page scrolls and give way to what lies behind. The parts carry the message, half a headline or a word each. Without JavaScript the message stands as a heading above what it reveals.
- Sports club5 variantsSports club · IndustriesFor clubs and teams. The next match with countdown, fixtures and results, the league table, the squad and membership with departments.
- Spot illustrations5 variantsGraphics · VisualsSixteen small drawings in one style for features, empty states, steps and confirmations. Security, speed, growth, team, delivery, support, search, inbox, files, calendar, payments, success, offline, upload, location and ideas. They take the theme colors and assemble as they scroll in.
- Spotlight follow3 variantsBackgrounds · ElementsA stage whose light follows the pointer and rests in the middle on touch screens.
- Stat card3 variantsProgress and states · ElementsOne number that matters, with change, sparkline or goal.
- Stats8 variantsStats · MarketingNumbers that prove something, in eight layouts from a hairline grid to a chart and a counter that counts up in the page language.
- Status animations6 variantsMicro animations · VisualsChecks that draw themselves, an error that shakes once, three spinners, a filling ring and a live pulse. SVG and CSS only.
- Stepper2 variantsNavigation elements · ElementsThe steps of a process, horizontal or vertical, with done, current, upcoming and error said in words.
- Sticky stack5 variantsScroll stories · MarketingCards that stack on top of each other while the page scrolls. The next card slides over the last one, which steps back a little. The stacking is plain CSS, so it works without JavaScript too.
- Sticky subnav5 variantsSub navigation · LayoutNavigation inside one long page. It knows which section you read, jumps there on a click and stays in reach. Pills, a product bar, a table of contents, chapter segments and edge dots, each with its own phone layout.
- Stock status5 variantsDelivery and stores · E-CommerceWhat is there, what is almost gone, what comes back, what can be ordered ahead and where it can be picked up today. Every state is said in words, the color only supports it.
- Store locator4 variantsDelivery and stores · E-CommerceFinding a store. A drawn map with a list that lights up together, the page of one store with the week and its services, store cards with region chips and a finder for the nearest store.
- Store screenshots5 variantsCampaign mockups · VisualsThe tall frames with a headline and a phone that app pages show in a row, without any store mark. Captions, a panorama across all frames, tilted phones, pop-up notes and wide tablet frames. The row scrolls with drag, arrows and the keyboard.
- Subscriptions5 variantsBundles and subscriptions · E-CommerceSelling something that comes again. One-time or subscribe on the product page, box sizes as plans, a three step builder, the schedule of the next deliveries and how a subscription works.
- Success states4 variantsForm states · ContentThe page after a form. It says what happened, what comes next and offers one useful thing to do. A reference with next steps, a receipt to print, what was sent with minutes left to change it, and where a request stands now.
- Survey5 variantsSurveys and feedback · ContentSurveys people like to finish. Each question type has its own calm layout, a counter at the bottom shows what is answered, and open questions are listed above the form with a link to each one.
- Switch2 variantsForms and inputs · ElementsOn and off for settings that apply right away, with role="switch", as a list or as rows.
T
- Tabs3 variantsNavigation elements · ElementsUnderline, pills, segmented and vertical tabs with icons and counts, arrow keys and a sliding indicator.
- Tag2 variantsData display · ElementsLabels for topics and status, plus filter chips with counts. For a field that turns words into tags, see Tag input.
- Tag input1 variantPickers and selections · ElementsSeveral values in one field: Enter or comma adds, Backspace twice removes, pasted lists split on their own.
- Tax advisor5 variantsTax advisor · IndustriesFor tax advisors and accounting firms. Deadlines by client group, a client portal with document upload, a refund estimate, a document checklist and monthly retainers.
- Team8 variantsTeam · ContentThe people behind the work, from portrait grids to departments, with a place for open roles.
- Testimonials11 variantsTestimonials · MarketingQuotes, reviews, ratings, videos and posts from the people who use it.
- Text scrub5 variantsScroll effects · MarketingLarge type that moves exactly with the scroll, one statement per page. Lines slide against each other, words come together, a word shrinks into its place, lines rise or an outline fills. Without JavaScript the statement stands finished.
- Textarea2 variantsForms and inputs · ElementsMulti-line text that grows with its content, with a counter, a footer and an error as text.
- Therapy practice5 variantsTherapy practice · IndustriesFor psychotherapy, counselling and coaching practices, calm by design. The first conversation step by step, approaches, honest waiting times, costs by insurance and help in a crisis.
- Time picker5 variantsPickers and selections · ElementsPick a time of day as a segmented field, a list in steps with durations, scroll wheels, a clock face or a from to range. 24 hours in German, AM and PM in English.
- Timeline4 variantsLists, trees and timelines · ElementsEvents in order: activity feeds, histories, order tracking and changelogs.
- Toast2 variantsOverlays · ElementsShort notes after an action, stacked and fanned out on hover. Timers pause while you read, errors stay longer.
- Toggle3 variantsButtons · ElementsButtons that stay pressed, toggle groups for one or many values and a segmented control with a sliding thumb.
- Tooltip2 variantsOverlays · ElementsShort labels on hover and focus, with an optional shortcut. Escape hides them, they never hold important content.
- Trades5 variantsTrades · IndustriesFor plumbers, electricians, roofers, tilers and painters. Services by area of the house, before and after, a quote request with estimate, an emergency service and materials.
- Travel5 variantsTravel · IndustriesFor tour operators, travel agencies and guides. Destinations with seasons, a trip at a glance, the itinerary day by day, departures with prices and what is included.
- Tree view4 variantsLists, trees and timelines · ElementsNested lists that open and close, as files with change marks, a docs navigation, permissions with mixed checkboxes or an outline with guide lines. Full keyboard support after the tree pattern.
- Treemap5 variantsStatistical charts · ElementsPart to whole as tiles whose area is the value, flat, in groups, with drill down, tinted by change or across two periods with gliding tiles. Arrow keys move between tiles.
- Typewriter3 variantsText effects · ElementsTypes, holds and deletes with a caret, over one or several lines. The space is reserved, so nothing around it moves.
U
- UI graphics2 variantsGraphics · VisualsDrawn app screens, dashboards, phone screens, invented logos, press logos, app marks, avatars, a signature and a code. In the theme colors, ready for any image slot.
- Usage and limits5 variantsBilling and usage · AppUsage screens. Quota meters with a forecast, a daily chart with the projected rest of the period, a monthly budget with alerts, a breakdown and prepaid credits.
- Use cases6 variantsUse cases · MarketingOne product, shown for the people who use it, in six layouts: audience tabs, role cards, a day in a scenario, an industry grid, before and after per case and a row of stories.
V
- Version history5 variantsImport, export and history · AppVersion history for documents. A version list with a marked preview and restore, two versions side by side, inline changes with a way through them, named versions and a careful restore.
- Veterinary practice5 variantsVeterinary practice · IndustriesFor vets and animal clinics. Services per species, a 24 hour emergency dial, the vaccination plan, registering a new patient and care plans.
- Video player4 variantsMedia · ElementsA video player with its own calm controls, captions, keyboard shortcuts and a poster that can be any drawing or image.
- Voice assistant4 variantsAI assistants · AppVoice interfaces in four forms. A conversation around an orb that listens, thinks and speaks with live captions, the transcript of a call the assistant took with playback and summary, choosing a voice with samples, and push to talk with voice messages.
W
- Waterfall chart4 variantsComparison charts · ElementsHow a start value becomes an end value, step by step. As a bridge, a statement with subtotals, rows for long names, or money in and out with the balance. On phones the columns become rows.
- Webhooks5 variantsDeveloper settings · AppWebhook screens. Endpoints with 24 hour health, an event picker, a delivery log with request and response, an event catalog and a test sender.
- Weddings and events5 variantsWeddings and events · IndustriesFor wedding venues, planners and event locations. Packages priced by guest count, the day from ceremony to last dance, a calendar with free dates, rooms by setup and a budget split.
- Winery5 variantsWinery · IndustriesFor wineries, wine estates and wine shops. Wines with a taste profile, the vineyard as a drawn map, tasting bookings, a case to fill and the vintage report.
- Wishlist5 variantsAccount and loyalty · E-CommerceSaved products as a grid or list, several named lists, a list friends reserve gifts from and price alerts with a price history.
- Word reveal3 variantsText effects · ElementsWords rise one after another when the line scrolls in, or light up while you read. Screen readers hear the sentence once, without JavaScript it stands complete.
- Workflow builder4 variantsAutomation and builders · AppWorkflow screens. A canvas with draggable steps and live connections, a linear builder, a step inspector with data from earlier steps and a test run that lights up step by step.
- Writing assistant5 variantsAI writing and creation · AppWriting help in a document. Inline suggestions by kind, rewriting in a chosen tone, tracked changes to accept or reject, a toolbar on selected words and a draft written point by point from an outline.
No component matches.
Try another word or one of these searches.
Rather search by kind of website?
Collections show the components of a website in the right order.