Layout 31
AppShellAn app's frame: a sidebar of links, a top bar and the page; the sidebar is a drawer on phones.10 views · 7 downloadsAspectRatioKeeps what it holds at a shape (16/9, 4/3, 1): an image or a video fills a box of the right height.9 views · 7 downloadsBentoGridA grid of tiles spanning columns and rows, with titles, tints and links, packed to leave no holes.9 views · 6 downloadsBrowserFrameA mock browser window around its content, with the address in its bar, for screenshots and demos.7 views · 6 downloadsCardA surface for one thing, with a title, a header and a footer, or a link as a whole.8 views · 6 downloadsCenterPuts its content in the middle: a column capped in width, a thing centred by its own width, or centred text.7 views · 7 downloadsClusterThings in a row that goes on to the next line when it runs out of room, with gap and alignment.6 views · 8 downloadsCollapsibleA block shown and hidden under a line you click, on the browser's own <details>; open by default or not.7 views · 6 downloadsColumnsChildren side by side, equal or weighted, that go one under another when their box is narrow.7 views · 9 downloadsContainerKeeps content at a readable width, centred, with room at the sides on small screens.9 views · 5 downloadsCoverA block as tall as the screen with one thing in its middle, and something at its top and bottom if given.7 views · 7 downloadsDividerA line between parts of a page, across or upright, with a label in the middle if it has one.7 views · 8 downloadsDockA floating bar of icon buttons fixed to the bottom or a side of the page, with badges and the current one marked.6 views · 7 downloadsFieldsetA <fieldset> with a legend and a line about it, its fields stacked, in a row or in a grid; disabled as one.6 views · 7 downloadsFooterA site's footer: brand and tagline, columns of links under titles, and a bottom line with the small print.6 views · 6 downloadsGridColumns that fit the screen: as many as fit a minimum width, or a fixed number that folds on phones.6 views · 7 downloadsInsetRoom around what it holds, in the kit's sizes or pixels, on every side or only across or down.4 views · 7 downloadsMasonryCards of different heights packed into columns, each filled from the top, on CSS columns alone.6 views · 7 downloadsNavbarThe bar along the top of a site: name, links and actions; the links fold into a menu when narrow.5 views · 6 downloadsPageHeaderA page's top: breadcrumb, title, a line about it, small facts and the actions, with room under it for tabs.7 views · 5 downloadsPanelA bordered box in three parts: a header bar with a title and controls, a body, and a footer bar for actions.5 views · 7 downloadsReelA strip that scrolls sideways and snaps to each item, with a slim scrollbar or none, and the keyboard.4 views · 5 downloadsScrollAreaA box with its own scrollbars and a height limit, fading at the edges where there is more to see.6 views · 7 downloadsSectionA part of a page under its title and a line about it, kept to a readable width, with room above and below.6 views · 5 downloadsSidebarLayoutContent beside a sidebar, left or right, that goes under the content where its box is narrow.5 views · 6 downloadsSpacerEmpty room between things, down a column or along a row, in the kit's sizes or pixels, or growing to push things apart.5 views · 6 downloadsStackA column or a row of things, evenly spaced, aligned and wrapped as you choose.5 views · 6 downloadsStackedLayoutHeader, content and footer in three bands, the footer kept at the bottom of the viewport when the content is short.5 views · 7 downloadsStickyKeeps what it holds in view at an offset from the top, or the bottom, while the rest scrolls past.5 views · 6 downloadsSwitcherChildren side by side until the row would be too narrow, then each on its own line, with no in-between.6 views · 6 downloadsToolbarA row of controls reached by Tab once and moved through with the arrow keys; it wraps when narrow.5 views · 7 downloads
Typography 22
AbbrAn abbreviation whose expansion shows in a bubble on hover or focus and is read out by screen readers.6 views · 5 downloadsBlockquoteA quotation with the person and the source in a figure, as a bar, with a quote mark, or plain.6 views · 6 downloadsBulletListAn unordered list with dot, tick, arrow, star, dash or any glyph bullets, in a tone and a spacing.6 views · 7 downloadsCalloutA highlighted aside with an icon and a title, as a note, tip, warning, important point or caution.6 views · 6 downloadsCaptionSmall muted text under a figure, a table or a field, as the right element for each.5 views · 7 downloadsCheckListItems shown done or not with ticks and crosses (or empty circles), read-only, with an optional count.5 views · 8 downloadsDropCapA paragraph whose first letter is set large and dropped into the first two, three or four lines.5 views · 6 downloadsEyebrowA small uppercase label above a heading, in a tone, with an optional dot.6 views · 8 downloadsFootnoteA numbered footnote mark in the text and the list of notes at the end, each linking to the other.6 views · 6 downloadsGradientTextText filled with a gradient: the theme's, a preset, or any two colours at an angle.5 views · 6 downloadsHeadingA title from <h1> to <h6> in the kit's sizes, with a subtitle and a link to itself shown on hover.5 views · 8 downloadsKbdA key or a key combination (⌘K, Ctrl+Shift+P) as <kbd> elements, with symbols for the modifiers.5 views · 7 downloadsLeadA lede paragraph, larger and lighter than the body text, in two sizes and three alignments.7 views · 8 downloadsLineClampText cut after N lines with an ellipsis, with the whole text in its title.4 views · 6 downloadsLinkA styled link that shows an icon and opens a new tab when it leaves the site, with underline and tone variants.7 views · 8 downloadsMarkHighlighted text in tones, as a real <mark>, filled or underlined.4 views · 8 downloadsMarkdownViewA small Markdown subset (headings, emphasis, links, lists, code, quotes) rendered safely as markup, in Quillo, with no HTML let through.4 views · 9 downloadsOrderedListA numbered list with styled counters: numbers, circles, letters or roman numerals, from any start.5 views · 5 downloadsProseStyles for a block of article HTML (from markdown() or by hand): headings, lists, links, quotes, code, tables.6 views · 5 downloadsPullquoteA line lifted from an article, set large beside the column with the text flowing around it, or across it.5 views · 6 downloadsTextA paragraph or span in the kit's sizes, weights, tones and alignments, so prose matches the components.6 views · 6 downloadsTruncateText kept to one line and cut with an ellipsis at the end or the middle, with the whole text in its title.5 views · 6 downloads
Actions 8
ButtonA button, or a link that looks like one: four variants, three tones, three sizes, loading.7 views · 7 downloadsButtonGroupButtons joined edge to edge into one control, or spaced in a row; across or upright.6 views · 6 downloadsDownloadButtonA link that downloads a file, showing its kind and size so nobody is surprised by a big one.7 views · 6 downloadsDropdownMenuA button that opens a short list of links and actions; Escape or a click elsewhere closes it.6 views · 7 downloadsFabA round floating action button fixed to a corner of the screen, with an icon and an optional label.5 views · 7 downloadsIconButtonA square button with an icon, labelled for screen readers and on hover; built-in icons or your own.6 views · 9 downloadsLoadMoreButtonThe button at the end of a list that says how many are left, spins while loading, and says when there are none.5 views · 7 downloadsSplitButtonThe usual action as a button, joined to a menu of the other ways to do it, with the keyboard.5 views · 4 downloads
Forms 28
AddressFormStreet, city, region, postcode and country in the usual layout, with the autocomplete names browsers fill from.5 views · 7 downloadsCheckboxA checkbox drawn by CSS on a real input, with an indeterminate state, and a group of them in a fieldset.5 views · 6 downloadsCheckboxCardsAny number of choices as cards with a title, a line of detail and a check, each a real checkbox a form sends.5 views · 6 downloadsColorSwatchesPick one colour from a set of round swatches: real radio buttons, so they post with a form and work with the keyboard.5 views · 5 downloadsConsentCheckboxA required checkbox beside legal text with links to the terms and the privacy policy, posted as a real checkbox.5 views · 6 downloadsContactFormName, email, subject and message with a Send button: a plain form posting to your route, shown again with errors or as sent.5 views · 7 downloadsCountryPickerA drop-down of every country with its flag and ISO code, favourites first, sending the two-letter code with a form.5 views · 7 downloadsFontPickerA drop-down of fonts, each option drawn in itself, with a preview line in the one chosen.5 views · 7 downloadsFormA plain <form method="post"> laid out stacked, inline or in a grid, with a summary of what is wrong at the top and a submit row at the end.6 views · 8 downloadsFormActionsThe row of submit and cancel buttons at the end of a form, aligned at the end, start, centre or both sides.5 views · 4 downloadsFormFieldA label, a hint and an error around any control, with a required mark, the label beside or above it.5 views · 5 downloadsFormRowFields side by side, equal or weighted, that stack one under another on a phone.5 views · 8 downloadsFormSummaryA read-only review of the values entered, in sections each with an Edit link, for the last step before sending.5 views · 7 downloadsImagePickerOne of several pictures chosen by its thumbnail: real radios under the pictures, so a form sends the choice and the arrow keys move it.6 views · 7 downloadsLanguagePickerA drop-down of languages each written in its own name, sending the ISO 639-1 code with a form.5 views · 5 downloadsLikertScaleA statement with a row of points from Strongly disagree to Strongly agree: real radios in a fieldset, posted with a form.6 views · 7 downloadsNewsletterFormAn email box and a Subscribe button in one row, a plain form posting to your route, with a done state once it worked.5 views · 6 downloadsNpsInputThe eleven scores 0 to 10 of a Net Promoter question in a row, with the words at the ends: real radios posted with a form.5 views · 7 downloadsProfileFormAvatar, name, username, bio and website in the usual layout: a plain form posting to your route, shown again with errors.5 views · 8 downloadsRadioCardsOne choice of several as cards with a title, a line of detail and a dot, each a real radio a form sends.5 views · 7 downloadsRadioGroupOne choice of several: real radio buttons in a fieldset, in a column, a row or as cards.5 views · 6 downloadsSelectA drop-down on the browser's own select: options, groups, a placeholder, and a list box for several.5 views · 6 downloadsSliderA range input with its value shown beside the label and the track filled up to the thumb.5 views · 5 downloadsSwitchAn on/off toggle that is a real checkbox: it submits with a form and works with the keyboard.4 views · 6 downloadsTextAreaA box for several lines, with a live count against a limit and an option to grow with what is typed.5 views · 8 downloadsTextFieldA labelled input with help text, an error message and short text before or after it.5 views · 8 downloadsTimezonePickerA drop-down of time zones grouped by region, each with its UTC offset for today, sending the IANA name with a form.5 views · 5 downloadsUrlInputA web address box that shows the protocol fixed at the start and lets the browser check the shape, with a tick when it looks right.5 views · 4 downloads
Feedback 23
AlertA message in the page in six tones and three variants, with an icon, announced to screen readers, and dismissable.5 views · 9 downloadsBadgeA small pill for a status or a count: six tones, soft, solid or outline, a status dot, and 99+.8 views · 6 downloadsBannerAn announcement across the top of the page in six tones, with a link, closed for the session once dismissed.7 views · 6 downloadsEmptyStateWhat a list or page shows when there is nothing in it yet, with an icon and what to do next.6 views · 6 downloadsErrorPageA 404 or 500 page: the code large, what it means, a search box if wanted, and links to go on from.5 views · 6 downloadsInlineMessageA small one-line message with an icon for its tone (info, success, warning, error), to sit in a form or beside a control.5 views · 7 downloadsLoadingDotsThree dots bouncing in turn, inline, for something short that is on its way; screen readers hear the label.5 views · 6 downloadsLoadingOverlayCovers its content with a spinner and a message while something is busy, keeping the content in place but out of reach.5 views · 5 downloadsMeterA measurement within a range, coloured green, amber or red by whether it is where it should be, as segments or one bar.4 views · 7 downloadsNewBadgeA small New, Beta or Updated label beside an item, in tones and variants, that stops showing after a date.5 views · 7 downloadsNoticesThe styles for Quillo's own notify() toasts and ask() dialogs, in every tone and position.5 views · 6 downloadsNotificationDotA small dot or a count on the corner of anything, in tones and four positions, with a label for screen readers.5 views · 7 downloadsProgressHow far along something is, as a bar or a ring, with its percentage, or indeterminate.5 views · 6 downloadsProgressRingCircular progress in four sizes, with its percentage or a value of your own in the middle, or turning while not known.6 views · 7 downloadsResultPageA whole page that says how something ended: an icon for the outcome, a title, text and what to do next.5 views · 4 downloadsSaveStatusSaving…, Saved, Unsaved changes or Could not save, with an icon, the time last saved and an optional action.5 views · 6 downloadsSkeletonGrey shapes where content will be while it loads: text lines, boxes, circles, and a card.6 views · 6 downloadsSkeletonTableA table of grey bars in rows and columns, with a header row, while a table's data loads.4 views · 7 downloadsSkeletonTextGrey lines in the shape of a paragraph, with a heading and several paragraphs if asked, while text loads.5 views · 5 downloadsSpinnerA loading spinner with a label for screen readers; it pulses instead of turning with reduced motion.6 views · 7 downloadsStatusDotA coloured dot and a word for the state of a person or a service, with an optional pulse, said to screen readers.4 views · 8 downloadsTooltipA short note shown while something is hovered or focused, in CSS alone, on any of its four sides.5 views · 9 downloadsUploadProgressOne file's upload: name, bytes sent of its size, speed, time left, a bar, and Cancel; done, paused and error states.4 views · 7 downloads
Overlays 4
AlertDialogA modal that only informs, with one OK button, on the browser's own <dialog> and no JavaScript.6 views · 7 downloadsHoverCardA card of details on hover or focus, after a short wait, that stays under the pointer; Escape hides it.5 views · 6 downloadsModalA dialog over the page, on the browser's own <dialog>: focus, Escape and screen readers handled.6 views · 8 downloadsPopoverA small panel of anything beside a button, on the browser's popover: Escape and clicks outside close it.5 views · 5 downloads
Navigation 23
AccordionSections that open under their titles, on the browser's own <details>: exclusive with a group.5 views · 7 downloadsAlphabetIndexA to Z links into a list sorted by name; letters with nothing under them stay in place, disabled.4 views · 6 downloadsBottomNavA fixed bar of icon tabs along the bottom of a phone's screen, with counts and the current one marked.6 views · 7 downloadsBreadcrumbsWhere this page sits: a trail of links up to the home page, the last one marked as this page.5 views · 6 downloadsDirectoryNavA long list of names grouped under sticky letter headers, with a row of letters at the top that jumps to each group.5 views · 5 downloadsFooterNavColumns of grouped links for a site's footer, each under its title, wrapping on narrow screens.5 views · 7 downloadsJumpLinksA row of links to the sections of the page, scrolling sideways when narrow and sticking to the top if asked.6 views · 6 downloadsLanguageSwitcherA button showing the page's language that opens the others, each in its own name, as links to the same page in it.5 views · 6 downloadsLinkListA plain list of links, each with a line saying where it leads, an icon and a short note at the right.5 views · 6 downloadsMegaMenuA top bar whose items open wide panels of grouped links under the whole bar, on hover and from the keyboard, with no script.5 views · 7 downloadsMenuA vertical list of links and actions in titled sections, with icons, shortcuts, counts, disabled items and the active one marked.6 views · 6 downloadsNavLinkA link marked current when the page's URL is where it goes, or under it; as text, a pill or underlined.5 views · 6 downloadsNotificationBellA bell with the unread count on its corner: a link, or a button that opens any panel.5 views · 8 downloadsPagerPrevious and next links with their titles, for the pages of an article, a book or docs.6 views · 6 downloadsPaginationLinks to the pages of a long list: first, last, the ones around this page, and Previous and Next.6 views · 5 downloadsProgressNavNumbered steps as links: the ones done link back, this one is marked, and the ones to come wait their turn.6 views · 4 downloadsSegmentedControlOne choice of a few, as a pill with the picked one raised: real radio buttons that a form sends.4 views · 5 downloadsSideNavAn app's navigation down the side: sections, groups that open, icons, counts; it folds to its icons.4 views · 6 downloadsSitemapListA site's pages as a nested list of links, as deep as the site goes, flowing into columns on wide screens.4 views · 5 downloadsSkipLink"Skip to content": the first link on a page, out of sight until the keyboard reaches it.5 views · 6 downloadsStepsHow far along a process is: steps done with a check mark, this one, and those to come; across or down.5 views · 6 downloadsSubnavA second row of links under the main navigation, for one section's pages, with counts and the current one marked.5 views · 5 downloadsTabsPanels behind a row of tabs, from radio buttons and CSS: no JavaScript, any HTML from the server.5 views · 7 downloads
Data 54
ActivityFeedA stream of what people did, with their pictures, an icon for each kind of action, when, quotes and day headings.5 views · 7 downloadsArticleCardA post to click into: image, category, title, excerpt, author, date and reading time; image on top or to the side.5 views · 7 downloadsAvatarA picture, or initials on a colour of the person's own, with a status dot; and overlapping groups with +N.6 views · 5 downloadsAvatarStackOverlapping avatars with names in tooltips, links to each person, and a +N that names the rest.5 views · 9 downloadsBarcodeA Code 128 barcode drawn as SVG from text, switching to the compact digit set for long numbers, with the text under it.4 views · 9 downloadsBoardingPassA boarding pass with from and to, flight, date and times, gate, seat, boarding group, a barcode area and a stub.4 views · 5 downloadsChangelogReleases with version, date and label, their changes grouped by kind: Added, Changed, Fixed, Security and the rest.6 views · 7 downloadsChatThreadA conversation: grouped messages with avatars, days, a typing indicator, and a box where Enter sends.4 views · 4 downloadsCodeBlockCode in a <pre> with a file name, line numbers, highlighted lines and a Copy button.5 views · 5 downloadsComparisonTableFeatures down the side and options across, with ticks, crosses and values in the cells, and one option picked out.5 views · 6 downloadsContactCardA person's contact details as tel:, mailto: and map links, with a vCard to download in one tap.5 views · 7 downloadsCsvTableA table made from CSV text, with quoted fields, a header row, numbers lined up on the right and a row limit.6 views · 7 downloadsDataTableRows of data sorted by their headers, with search, pages, number, money, percent and date columns.5 views · 9 downloadsDescriptionListTerms and their details, stacked or in two columns that stack on phones, on a real <dl>.5 views · 7 downloadsDiffViewThe lines added and removed between two texts, unified or side by side, with line numbers.7 views · 5 downloadsEmailPreviewAn email as a client shows it: subject, labels and star, sender with picture, to and cc, the date, the message and attachments to download.6 views · 7 downloadsFeedItemA social-feed item: avatar, name, handle, time, text, a picture or any media, and like, comment and share buttons with counts.6 views · 7 downloadsFileListFiles as a table or a grid, with kind icons, sizes and dates, sorted, picked, downloaded or deleted.7 views · 6 downloadsFilePreviewA look at a file before opening it: an image, a PDF in an object, the start of a text file, a player, or an icon, with name, size and a download link.5 views · 7 downloadsFlowStepsA process as boxes joined by arrows, with words on the arrows, tones and done, current or coming steps; horizontal, or vertical where narrow.6 views · 7 downloadsGroupedTableRows under a heading per group, with a subtotal row after each group and a grand total, from a flat list.6 views · 6 downloadsIdCardAn ID badge with a lanyard slot: photo or initials, name, role, organisation, number, issued and expiry dates, an Expired stamp, and a barcode slot.5 views · 6 downloadsInvoiceA printable invoice: parties, number and dates, lines with quantity and unit price, totals, paid and balance, notes and terms.6 views · 6 downloadsKpiCardA number with its label, the change since last period coloured by whether that is good, and a small trend as a line or bars.7 views · 7 downloadsLeaderboardPeople ranked by score with medals for the top three, shared places for ties, and your own row kept in view.7 views · 7 downloadsListGroupA bordered list of items with descriptions, badges and notes, as links, buttons or text, one active and some disabled.7 views · 6 downloadsMatchHighlightMarks where the words of a search appear in a text, in any case, every time they do.7 views · 6 downloadsMetricTrendA value with an up or down arrow and its change, coloured by whether the move is good; it can work the percentage out.7 views · 6 downloadsMilestoneListMilestones down a line with dates, done, current, coming or late, a progress bar on those under way, and the whole project's progress.6 views · 7 downloadsMonthCalendarA month of days to edit, each with a state and a price or a name: pick some (shift-click for a run), then act on them.5 views · 6 downloadsNewsListHeadlines in a compact list with source, time and a small picture; numbered for a most-read list.8 views · 7 downloadsNotificationListNotifications grouped by day (Today, Yesterday, then dates), read or unread, with links, mark-read and dismiss buttons and Mark all as read.7 views · 6 downloadsOrgChartA tree of people as boxes joined by lines, drawn with CSS on nested lists, with pictures, titles, notes and the reader's place marked.7 views · 5 downloadsPivotTableFlat records turned sideways: rows by one field, columns by another, each cell the sum, count or average of a third, with totals.7 views · 7 downloadsPriceBreakdownWhat a price is made of, a line each (a discount in green), and the total.6 views · 4 downloadsProfileCardA person at a glance: picture, name, title, bio, a row of stats and action buttons, stacked or in a row.7 views · 4 downloadsProgressListItems each with a label, a bar and its value or percentage, marked in red when one goes over its limit.6 views · 4 downloadsQrCodeA QR code drawn as SVG by an encoder written in Quillo: any text as UTF-8, level M, versions 1 to 10, the same on the server and in the browser.10 views · 8 downloadsRankingListA ranked list with how each item moved since last time: up, down, the same or new, said in words to screen readers.7 views · 6 downloadsRatingSummaryThe average rating out of 5, how many ratings, and a bar per star count, each a filter button or link if you like.6 views · 5 downloadsReceiptA narrow till-style receipt in a monospace face: shop, date, lines, totals, payment and change, a footer and a torn edge.6 views · 6 downloadsRecordCardA record's fields as labelled values in a card, with a title, status, formatted values and actions in a footer.7 views · 4 downloadsReviewCardOne review: stars (halves too), title, text, reviewer and date, a Verified mark, images, the seller's reply and a Helpful vote.7 views · 6 downloadsRoadmapColumns (Now, Next, Later) of items with a status badge, tags, a target date and votes; side by side, stacked where narrow.8 views · 6 downloadsScorecardA score out of a maximum as a filled ring, with a letter grade, a verdict and the parts it is made of.8 views · 5 downloadsStatA KPI tile: a label, a value, how it changed (coloured by whether that is good), and a tiny trend line.6 views · 5 downloadsStatGroupSeveral numbers that matter in one bordered row, each with its change coloured by whether that is good.7 views · 7 downloadsTagA chip for labels and filters people pick: tones, links, a dot, toggles and a remove button.7 views · 6 downloadsTagCloudTags sized and shaded by how much each is used, as links or text, in name or weight order, on a linear or log scale.6 views · 4 downloadsTeamCardA person in a team grid: square photo or initials, name, role, a line, and icon links to email, GitHub, LinkedIn, X or a site.6 views · 8 downloadsTerminalOutputA terminal-like window with a title, commands after a prompt and their output, errors in red, for docs and tutorials.7 views · 6 downloadsTestimonialCardA customer's quote with their picture, name, title and company or logo, and stars if they gave some.5 views · 6 downloadsTicketAn event ticket with a tear line and stub: event, date, venue, section, row and seat, the holder, a code or a QR as children.6 views · 7 downloadsTimelineWhat happened, in order, down a line of coloured dots, as an <ol> with <time> elements.6 views · 7 downloads
Charts 57
AreaChartFilled areas for one or more series, overlapping or stacked into a total, with a hover crosshair listing every value.6 views · 8 downloadsBarChartBars up or across, one series or several grouped or stacked, on round ticks, with values on hover and a table for screen readers.7 views · 7 downloadsBollingerChartPrices with Bollinger bands of a period and a number of deviations, closes outside them marked, as a line or candles.7 views · 5 downloadsBoxPlotQuartiles, median, whiskers and outliers for each group, worked out from the raw values, with the five numbers on hover.5 views · 7 downloadsBubbleChartPoints placed by two numbers and sized by a third, in coloured groups, labelled when big enough, with all three numbers on hover.7 views · 8 downloadsBulletChartMeasures as thin bars against a target mark over grey bands from poor to good, a row each, with the band named on hover.5 views · 7 downloadsBumpChartRankings over time as curved lines between numbered places, from places or from values, with each line picked out on hover.6 views · 6 downloadsCalendarHeatmapA year of daily counts as weeks of shaded days, with month names, a less-to-more legend and each day named on hover.6 views · 6 downloadsCandlestickChartOHLC candles, green up and red down, with a volume pane, a date axis, moving averages and the details of each candle on hover.5 views · 7 downloadsChordDiagramFlows between groups around a circle, an arc per group and a ribbon per pair, with a group's ribbons kept on hover.6 views · 9 downloadsComboChartBars on a left axis and lines on a right axis over the same labels, for two measures of different size, with every value on hover.6 views · 6 downloadsDepthChartAn order book's bids and asks as stepped areas of the size waiting at each price or better, around the mid price, with the spread.5 views · 7 downloadsDonutChartThe parts of a whole as a ring or a pie, the total in the middle, and a legend with values and shares; hovering picks a part out.5 views · 7 downloadsDotPlotValues as dots along one axis per row; with two or more series joined as a dumbbell, sorted by change if asked, with the change on hover.6 views · 7 downloadsFunnelChartStages of a process narrowing like a funnel, each with its count and share of the first, and the share that went on between them.5 views · 7 downloadsGanttChartTasks as bars over dates, filled by progress, in groups with spanning bars, with milestones and a today line.7 views · 7 downloadsGaugeChartA half-circle dial of good, warning and bad bands with a needle at the value, and the value and its band's name under it.6 views · 7 downloadsGroupedBarChartA bar per series side by side for each label, below zero too, with the group's values on hover and the bar under the pointer picked out.6 views · 4 downloadsHeatmapChartA grid of cells coloured by value, in one colour or two either side of a middle, with a colour scale and each cell's value on hover.6 views · 5 downloadsHeikinAshiChartHeikin-Ashi candles worked out from OHLC, which smooth the noise so trends show as runs of one colour, with the real close on hover.5 views · 6 downloadsHistogramValues counted into bins, by number or width, as touching bars with each bin's range, count and share on hover, and the mean marked.7 views · 7 downloadsHorizontalBarChartBars across with the labels down the side, sorted if asked, one picked out, values at their ends and on hover.6 views · 6 downloadsLineBreakChartA three-line break chart from closing prices: lines go on while the close makes new ends, and turn only past the last three lines.5 views · 6 downloadsLineChartLines for one or more series over the same labels, with an area fill or points, a hover crosshair with every value, and a legend.5 views · 6 downloadsLollipopChartValues as thin stems with a dot, up or across, sorted if asked, with each value on hover or beside its dot.5 views · 6 downloadsMacdChartMACD from closing prices: the MACD and signal lines and the histogram between them, under a price chart or on its own.7 views · 5 downloadsMarimekkoChart100% stacked bars as wide as their totals, so every part's area is its value, with its shares on hover.5 views · 5 downloadsMarketHeatmapA treemap of stocks sized by market value and coloured by their change, grouped by sector, with each one's details on hover.6 views · 7 downloadsNetworkGraphNodes and links laid out by a force simulation run on the server, coloured by group and sized by their links.6 views · 10 downloadsOhlcChartOHLC bars with an open tick on the left and a close tick on the right, a volume pane, moving averages and the details on hover.6 views · 6 downloadsParallelCoordinatesEach record as a line across several upright axes, each with its own scale, coloured by group, picked out on hover.6 views · 7 downloadsParetoChartCauses as bars sorted largest first with the running share as a line on a 0 to 100% axis, and the few that reach 80% picked out.7 views · 7 downloadsPieChartA pie with each slice named and its share beside it, small slices gathered into Other, and the slice under the pointer pulled out.5 views · 5 downloadsPnlChartProfit and loss per day as green and red bars, with the running total and its drawdowns shaded, and the key figures above.6 views · 6 downloadsPolarAreaChartSlices of equal angle whose length shows each value on rings of round ticks; hovering a slice or its legend picks it out.6 views · 9 downloadsPortfolioAllocationA donut of a portfolio's holdings beside a table of each one's weight, value and gain, with the totals.6 views · 6 downloadsPriceTickerA strip of symbols, prices and changes that scrolls by itself with CSS, stops on hover and stands still for reduced motion.6 views · 6 downloadsRadarChartSeries as shapes over axes around a circle, with rings for the scale, to compare profiles; hovering a shape or its legend picks it out.6 views · 4 downloadsRadialBarChartBars bent into rings around a centre, each as long as its value against a limit, with a legend that picks a ring out on hover.6 views · 5 downloadsRangeChartA low and a high per label as floating bars or a band, with an optional middle value, and each range on hover.6 views · 3 downloadsRenkoChartRenko bricks of one box size from closing prices, a brick for each whole box the price moves, with each brick's range on hover.5 views · 7 downloadsRsiChartThe relative strength index of closing prices with overbought and oversold lines, under a price chart or on its own.5 views · 8 downloadsSankeyChartFlows between nodes in columns as bands as wide as their amounts, laid out to cross little, with each flow on hover.5 views · 5 downloadsScatterChartPoints placed by two numbers, in coloured groups, with a least-squares trend line for each and every point's numbers on hover.7 views · 5 downloadsSlopeChartA line per item from its value then to its value now, coloured by rise or fall, with labelled ends that keep apart.6 views · 4 downloadsSmallMultiplesThe same small line, area or bar chart for each group in a grid, on one shared scale, with each value on hover.6 views · 5 downloadsSparklineA small inline chart of a list of numbers: a line, an area or bars, safe with no data or flat data.6 views · 7 downloadsStackedBarChartBars of parts piled up to a total, or each scaled to 100% to compare shares, with the parts and total on hover.5 views · 6 downloadsStepChartLines that hold each value flat and move in steps, for one or more series, with an optional fill and every value on hover.6 views · 4 downloadsStreamGraphSeries stacked as flowing layers around a centre line, or wiggled flat, with every layer's value at a moment on hover.6 views · 6 downloadsSunburstChartA hierarchy as rings of arcs sized by value, shaded by level, with the hovered part's share in the middle.6 views · 7 downloadsSymbolCardA symbol with its name, last price, change and percent, a sparkline over the previous close, the day's range and volume.6 views · 6 downloadsTreemapParts of a whole as rectangles sized by value, squarified, optionally in groups of their own colour, with each value and share on hover.7 views · 6 downloadsViolinPlotThe shape of each group's values as a mirrored kernel density, with quartiles and median inside and the numbers on hover.5 views · 6 downloadsVolumeProfileVolume traded at each price level as bars beside the price, split into buying and selling, with the point of control and the value area marked.6 views · 6 downloadsWaffleChartParts of a whole as a 10×10 grid of squares, one per percent, with a legend of values and shares; hovering picks a part out.7 views · 6 downloadsWaterfallChartA start value, its rises and falls as floating bars joined by steps, subtotals and an end total, with the running total on hover.7 views · 7 downloads
Media 12
CoverImageA wide picture with a title, subtitle and actions over a gradient, in three heights.7 views · 7 downloadsEmbedFrameAnother page in a frame that keeps its shape and fills its width, with a title, permissions and a sandbox.5 views · 4 downloadsFigureAn image (or anything) with a caption and a credit under it, as a figure with its figcaption.8 views · 8 downloadsFileIconA file's icon by its extension, written on it and coloured by its kind: document, sheet, PDF, image, code and more.6 views · 9 downloadsIconEighty common icons by name, drawn inline as SVG in the text's colour, in five sizes or any pixel size.7 views · 6 downloadsImageHotspotsA picture with numbered points that show a note on hover or focus, with no script: a plan, a product, a photo.7 views · 6 downloadsLogoCloudA row of logos, grey until hovered, with a line saying what they are; each can be a link.6 views · 5 downloadsMarqueeContent scrolling sideways without end, in CSS alone: seamless, paused on hover, still when motion is reduced.8 views · 6 downloadsMediaCardA card with a picture (or any media) on top or at the side, then a meta line, title, text and actions.6 views · 6 downloadsPdfViewerA PDF in the page with the browser's own viewer, a bar with its name, open and download links, and a fallback.6 views · 7 downloadsThumbnailA small image in five sizes and three shapes, with a line of text over it, a "+N" veil, or a link.7 views · 9 downloadsTickerA news ticker: a labelled strip of headlines sliding past, each a link when it has one, in CSS alone.6 views · 9 downloads
Commerce 16
AddressCardA saved address with a Default badge and Edit and Remove, as submit buttons in a plain form or callbacks.6 views · 7 downloadsCartSummarySubtotal, shipping, tax, a discount and the total added up, with a Checkout button as a link, a form or a callback.6 views · 7 downloadsCheckoutStepsCart → Details → Payment → Done: the steps of a checkout, those done as links back, the current one marked.5 views · 7 downloadsDeliveryEstimate"Arrives Tue 4 – Thu 6 Nov", worked out from how many days delivery takes, working days if asked.6 views · 8 downloadsDiscountBadge"−20%" or "Save $10" as a small label, in tones, solid, soft or outline, or pinned to an image's corner.7 views · 8 downloadsOrderHistoryPast orders with number, date, status and total, each opening on <details> to show its items and links.6 views · 5 downloadsOrderTrackerOrdered → shipped → out for delivery → delivered, with when each happened, the expected date and the tracking link.5 views · 6 downloadsPaymentMethodsWays to pay as radio cards with their marks: card (with the brands taken), PayPal, Apple Pay, Google Pay, bank, cash.6 views · 5 downloadsPriceAn amount written in its currency, with the old price struck through and the discount worked out.6 views · 5 downloadsPriceTagA bold price with its period (/month) and a note under it, for plans, rooms and seats.6 views · 4 downloadsPricingCardOne plan: name, price and period, what it includes, and a button; highlighted with a badge when it is the one to pick.7 views · 6 downloadsPricingTablePlans across and features down, with ticks, dashes and values in the cells and the recommended plan marked.7 views · 6 downloadsShippingOptionsShipping methods as radio cards, each with its price and how long it takes; a plain form sends the choice.7 views · 7 downloadsStockStatusIn stock, only a few left, out of stock, pre-order or back-order, with a coloured dot and the count.7 views · 5 downloadsSubscriptionCardThe plan someone is on: price, status, renewal date, usage bars and the links to manage, change or cancel it.6 views · 6 downloadsTrustBadgesSecure payment, free returns, a guarantee: reassurance icons with a line each, in a row, a grid or a list.6 views · 6 downloads
Finance 26
AccountCardA bank account at a glance: type, nickname, masked number, current and available balance, what is on hold, and quick actions.8 views · 7 downloadsAccountPickerChoose the account to pay from as radio cards with each one's masked number and available balance, those short of the amount marked.7 views · 7 downloadsAmortizationTableA loan's payment schedule worked out from its amount, rate and term: each month's principal, interest and balance, grouped by year with the year's totals.7 views · 7 downloadsAssemblyNoticeA general assembly notice: date and time, the venue or online link, the quorum, a numbered agenda and an RSVP form.6 views · 6 downloadsBankStatementA monthly statement that prints: the period, opening and closing balance, totals paid in and out, and each transaction with the balance after.7 views · 6 downloadsBillListUpcoming bills soonest first, overdue and due-soon ones marked, autopay on or off, with the total to pay and a Pay button each.7 views · 5 downloadsChequeViewA cheque drawn as printed: payee, the amount in figures and in words, date, memo, signature and the MICR line.8 views · 5 downloadsCollateralListWhat secures a loan: each item's valuation and documents, and the loan-to-value ratio as a meter against the lender's limit.7 views · 5 downloadsCreditScoreA credit score on a gauge of its bands from poor to excellent, the band it falls in, the change since the last report and the factors that move it.7 views · 8 downloadsCrossRatesA matrix of cross rates among a few currencies, each worked out from their rates against one base, the diagonal left blank.6 views · 6 downloadsCurrencyPairCardOne currency pair: the bid and ask large with the pip digits biggest, the spread, the day's change, low and high, and a sparkline of the day.7 views · 6 downloadsCurrencyStrengthThe relative strength of the major currencies as bars, strongest first, given or worked out from pairs' changes.7 views · 7 downloadsCurrencyWalletBalances in several currencies with the total in a base currency, each with its rate, its worth and share, and convert and send actions.9 views · 6 downloadsDividendStatementA member's dividend on share capital and patronage refund for a year: bases, rates and amounts, the withholding tax and the net.7 views · 8 downloadsFxPositionsOpen currency positions: pair, long or short, size, entry and current rate, profit or loss in pips and money, coloured, with the total.7 views · 6 downloadsFxRateTableA board of exchange rates: each pair with its flags, bid, ask, the spread in pips and the day's change from the open, coloured.7 views · 8 downloadsLoanApplicationStepsWhere a loan application stands, from submitted to disbursed: the steps done with their dates, the current one, and what is needed next.7 views · 10 downloadsLoanCommitteeQueueLoan applications before the credit committee: member, amount, purpose, the votes so far, where each stands, and approve or decline per row.7 views · 10 downloadsLoanOffersLoan offers side by side: each lender's APR, term, monthly payment, fees and total cost, with the cheapest in total marked.8 views · 7 downloadsLoanSummaryA loan in a card: the outstanding balance out of the amount borrowed, how much is paid off as a bar, the rate, and the next payment and when it is due.8 views · 7 downloadsMemberCardA co-op or credit union member's card: photo or initials, name and number, member since, share capital and status.8 views · 6 downloadsPaymentHistoryTwenty-four months of payments as a grid of years and months, on time, 30, 60 or 90 days late, or nothing due, as credit reports show them, with a legend.7 views · 7 downloadsRepaymentScheduleA loan's installments, past and to come: paid, due or overdue with the days late and the penalty, and a pay button on the next one.8 views · 7 downloadsSavingsGoalA savings goal: target and saved so far, the progress, the deposit needed each month to reach it by the date, and the last deposits.7 views · 6 downloadsShareCapitalLedgerA member's share capital contributions with a running balance, and the progress toward the share capital the co-op requires.6 views · 5 downloadsShareCertificateA printable share certificate: the co-op, the member, the shares in words and figures, par value and total, the date and signature lines.7 views · 4 downloads
News 10
AdSlotAn advertisement's place kept at its size so the story never jumps: standard sizes by name, another on phones, a clear label, a placeholder, sticky in a rail.6 views · 8 downloadsArticleHeaderThe top of a story: its label and section, the headline, the dek, every author grouped by role, published and updated times, and the reading time.8 views · 8 downloadsCorrectionNoticeA correction, clarification, update, editor's note or retraction on a story, dated, with a link to the corrections policy; boxed on top or a line at the end.8 views · 7 downloadsElectionResultsOne race's results: candidates in party colours with votes and share bars, the share of the vote counted, the margin, and the winner once it is called.8 views · 8 downloadsFactCheckA fact-check: the claim and who said it, the rating large and on its scale from true to false, what was found, the sources, with ClaimReview markup.8 views · 12 downloadsKeyPointsThe story in a few lines at the top of an article: points with links, marks or numbers, when they were updated, and the rest folded under Show more.8 views · 9 downloadsMatchScoreA game's score: both teams with crests or colours, the score and scorers, and where it stands: kick-off, live with the minute, half time, full time or postponed.10 views · 8 downloadsPaywallMeterA metered paywall: a slim bar counting the free articles read, a warning on the last, then the gate with the offer, its price, benefits and sign-in.8 views · 8 downloadsSeatChartA parliament as a half circle of seats coloured by party, undeclared seats in grey, the majority marked, and a legend with seats won and lost.8 views · 7 downloadsSectionFrontA section's front: the lead story large with its picture and dek, the next stories beside it, and a column of more headlines; one column where narrow.9 views · 9 downloads
Travel 8
CarRentalCardA hire car offer: class and model or similar, seats, bags, gearbox and air conditioning, mileage and fuel policy, supplier rating, pick-up and the price a day and in all.10 views · 11 downloadsEntryRequirementsVisa and entry rules for a passport: visa-free, travel authorisation, eVisa or visa required, the stay allowed, passport validity, documents and health rules.9 views · 8 downloadsFlightResultA flight in search results: departure and arrival times, the time in the air, stops and layovers, cabin and bags, and the fare with Select.9 views · 9 downloadsFlightStatusA flight's status today: on time, delayed, boarding, in the air or cancelled, with the new times beside the old, gate changes and the baggage belt.9 views · 12 downloadsHotelCardA hotel in search results: photo, stars, the review score badge, location, amenities, cancellation terms and the price a night with the stay's total.9 views · 10 downloadsLayoverTimelineA journey's flights and the layovers between them, with times, terminals and flags for short connections, overnight waits and changes of terminal or airport.9 views · 10 downloadsTourCardA tour or activity: photo, badge and save heart, duration, stars and reviews, free cancellation and pickup, languages, the next start and the price from per person.8 views · 9 downloadsTripItineraryA trip day by day: flights, trains, stays, activities and meals in order of time, with booking references, status, today's day marked and the trip counted up.9 views · 10 downloads
Blogging 10
AuthorBioThe box at the end of a post about its author: picture or initials, name and role, a short bio, links elsewhere, their post count and a follow link.8 views · 9 downloadsBlogrollThe blogs a writer recommends, in groups: name, a line about each, its latest post and how long ago, its feed, and the list as OPML.9 views · 8 downloadsPostArchiveA blog's posts by year and month, newest first: each year a disclosure with its count, its months and their posts, or only the months as links.10 views · 8 downloadsPostHeaderThe top of a post: category, title and standfirst, the authors with their pictures, published and updated dates, reading time, tags and a cover.8 views · 5 downloadsPostStatsHow a post is doing, for its author: views, reads, read ratio and reading time against the period before, a bar a day, where readers came from.8 views · 6 downloadsPostUpdatesThe note that a post changed since it came out: Updated Oct 28, how many changes, and each one newest first, with corrections marked.8 views · 9 downloadsRelatedPostsRead next: other posts at the end of one, those sharing the most tags first, with picture, title, excerpt, date and the shared tags marked.8 views · 7 downloadsSeriesNavWhere a post stands in a series: Part 2 of 5, a bar of the parts, the list of them all with this one marked, and the parts before and after.9 views · 7 downloadsShareLinksLinks that share a post on X, Bluesky, Mastodon, LinkedIn, Reddit, Hacker News and more, or by email: plain links, nothing loaded from the networks.7 views · 6 downloadsSidenoteNotes in the margin beside the line they belong to, numbered or not; on a narrow page they fold, and the number opens each under its line.8 views · 7 downloads
Marketing 10
BlogListPosts as cards in a grid or rows down the page: picture, tags, title, excerpt, author and date.8 views · 7 downloadsCtaSectionA call-to-action band: a title, a line and the buttons, filled, tinted or outlined, centred or split.7 views · 6 downloadsFeatureGridA grid of a product's features, each an icon, a title and a sentence, from a list or written by hand (Feature).7 views · 4 downloadsFeatureListFeatures in alternating rows of words and a picture (or code), with ticked points and a link each.7 views · 6 downloadsHeroA landing page's opening: eyebrow, headline, lead, buttons, and a picture or code on the side.6 views · 7 downloadsHowItWorksNumbered steps with icons, titles and text, in a row joined by a line, or down a column.6 views · 8 downloadsSocialLinksIcon links to accounts on X, GitHub, LinkedIn, YouTube, Mastodon, Bluesky and more, each named for screen readers.6 views · 4 downloadsStatsBandBig numbers with their labels across a tinted, filled, outlined or plain band, as a <dl>.6 views · 5 downloadsTeamGridThe team as a grid of people: picture or initials, name, role, a line about them and links.6 views · 8 downloadsTestimonialsQuotes from people with their picture, role and company, in a row that scrolls or a grid that wraps.9 views · 7 downloads
Dashboard 8
DangerZoneA red-bordered block of destructive actions (DangerAction), each a form, link or callback that asks before it acts.6 views · 8 downloadsDashboardGridWidgets on a twelve-column grid, each spanning columns and rows (DashboardCell), stacking on a phone.7 views · 9 downloadsQuickActionsA grid of big icon buttons for the common actions: links, submit buttons in a form, or on_select.6 views · 5 downloadsQuotaBarSeveral quotas in one list, each a bar with its numbers, amber near its limit and red at it.7 views · 6 downloadsServerStatusServices with up, degraded, down or maintenance, their uptime and the last days as bars, summed up in one line.6 views · 6 downloadsSettingsSectionA titled block of settings rows, each a label and hint with its control at the right (SettingsRow).5 views · 5 downloadsUsageMeterUsed of allowed as a bar with the numbers, amber near the limit, red at it, and plain when there is no limit.6 views · 7 downloadsWidgetA dashboard panel: a title row with a menu slot, the body, and a footer line or link, as a named region.7 views · 6 downloads
Social 8
CommentOne comment: avatar, name, role, time, text, Like and Reply, with its replies nested inside it.6 views · 8 downloadsHashtagA #tag that links to its page, with an optional count, and HashtagList, the trending tags ranked with their post counts.6 views · 8 downloadsMessageBubbleOne chat message, yours on the right or theirs on the left, with the time and sent, delivered, read or failed ticks.6 views · 8 downloadsPostCardA post in a feed: author, time, text, picture, like, comment and share counts, and the three buttons.5 views · 5 downloadsProfileHeaderThe top of a profile: cover, avatar, name, handle, bio, facts, counts and a Follow button that becomes Following.6 views · 5 downloadsStoryRingA row of avatars in rings, bright for stories not yet seen and grey once seen, with your own first to add one.6 views · 6 downloadsTypingIndicator"Ana is typing…" with pulsing dots, naming one, two or more people, and nothing at all when nobody is.6 views · 6 downloadsUserBadgeA small chip with a person's avatar and name, plus a role label or a verified tick; a link when given an href.6 views · 5 downloads
Scheduling 7
AgendaListEvents grouped by day with the date at the left, each with its time, title and place; today and tomorrow named.6 views · 6 downloadsBookingSummaryWhat was booked: the place and picture, dates in and out with the nights counted, guests, price lines, total and status.6 views · 7 downloadsDayViewOne day as a column of hours with its events drawn at their times, side by side when they overlap, and all-day events above.7 views · 7 downloadsEventCardAn event as a card: a date block, title, time, place, a line about it, an optional picture and badge, and a button.7 views · 6 downloadsOpeningHoursA week's opening hours with today marked and whether it is open now, closing soon, or when it opens next.6 views · 6 downloadsWeekViewA week of hour columns with events drawn at their times, side by side when they overlap, and all-day events across the top.5 views · 6 downloadsYearCalendarA year as twelve small months, with dates and runs of dates marked in colours, today ringed, and a key.7 views · 4 downloads
Mobile 4
ActivityRingsProgress rings inside each other that go round again past 100%, drawn once, with a legend and a sentence each for screen readers.3 views · 6 downloadsEmptyScreenEmpty states for first use, none-found and all-done, each with what to do next.3 views · 8 downloadsGroupedListiOS-style inset grouped rows with headers, footers and disclosure chevrons, full-row tap targets, and dark mode.2 views · 7 downloadsOrderStatusCardThe stages of an order with a progress bar, an estimate from data, and what to do when it is late.3 views · 6 downloads
Utilities 1
Other tags
interactive504no-js370mobile211forms176tablet151data128smart100list84chart80commerce68input64navigation63layout59card57finance52gesture48media44dashboard42text39button38feedback38keyboard37social37marketing36table34typography32search31status31user31document30image28picker28link26page26time26banking25calendar24overlay24select24progress23trading22calculator21schedule21travel20grid19settings19menu18news18security18utility18offline17price17blogging16dialog16sheet16swipe15accessibility14drag14notification14tabs14upload14chat13checkout13filter13popover13file12loans12section12audio11loading11profile11coop10forex10icon10code9article8camera8developer8flights8form8print8record8validation8comment7location7onboarding7pricing7video7cart6json6theme6animation5barcode5field5health5keypad5map5planning5qr5scroll5sort5admin4analytics4clock4dates4editor4feed4header4live4notes4parser4photo4player4seo4share4statistics4subscription4toast4analysis3banner3billing3budget3checklist3compare3date3election3games3gloves3gps3haptics3monitoring3number3panes3payment3pen3rotation3sensor3sync3tasks3timeline3timer3toolbar3tracking3undo3units3update3url3voice3wheel3wizard3writing3alerts2balance2capacity2cards2colour2columns2csv2currency2dedupe2device2discount2draft2drawing2education2email2experiment2feeds2files2forecast2fuzzy2help2history2hotels2links2long-press2meetings2merge2messages2money2motion2network2otp2panel2payments2permission2permissions2photos2pin2pinch2query2questions2quiz2rating2reactions2refresh2reorder2report2responsive2retry2scanner2selection2shipping2sign-in2slider2split2stock2storage2store2stories2summary2svg2tax2ticket2till2timezone2tracker2transfer2version2wallet2zoom2accordion1activities1ads1agenda1aggregate1agile1alert1amount1annotate1anomaly1api1app-shell1approval1archive1assessment1audit1autosave1availability1back1backlog1backtest1badge1bank1bar1battery1bibliography1bill1bills1book1bracket1branching1browser1builder1bulk1bundle1business1buy1byline1campaign1carousel1cars1cash1change1changes1check1chips1citation1cleaning1clipboard1cloud1cohort1combobox1comments1compass1conditional1configurator1confirm1conflicts1contact1context-menu1contrast1conversion1converter1cooking1copy1cost1coupon1cron1curl1dark-mode1deadline1debt1decimal1decision1decode1delivery1dependencies1design1detents1diff1disclosure1documents1downloads1dst1duplicates1edit1emoji1empty1encoding1entropy1envelopes1error1event1expenses1explorer1export1fab1faq1fashion1first-run1fit1fixtures1flashcards1flashlight1flesch1floor-plan1formatter1formula1frame1fullscreen1funnel1gallery1game1generator1geofence1goals1grades1grammar1group1groups1guard1handwriting1haptic1heading1headline1heatmap1hours1http1i18n1iban1import1income1indicator1inference1insights1interest1invoice1ios1isbn1job1jsonpath1jwt1kanban1keywords1kiosk1league1learning1level1like1lint1loan1localization1lock1logs1lyrics1mail1margin1markdown1markup1master-detail1matching1memory1mention1modal1mortgage1music1natural1notch1notice1notifications1options1order1orientation1outlier1overflow1overtime1packing1pagination1passcode1password1paste1pattern1payoff1payroll1paywall1people1plans1podcast1pointer1policy1poll1power1preview1profiling1projects1properties1publishing1quality1queue1rail1ranked1ranking1readability1reader1receipt1recipe1recommendations1records1reference1refinance1regex1register1regression1reliability1reload1reply1resize1resources1restaurant1resume1retention1revision1rewards1rings1risk1roles1roster1rota1rules1salary1save-data1savings1schema1screen1seats1seeds1seek1series1shake1shortcuts1sidebar1signature1signup1sizing1slo1slug1splash1sports1spotlight1spreadsheet1sql1stack1staff1standings1startup1status-bar1stepper1steps1sticky1streaks1study1style1subscribe1subtotals1support1survey1switch1tags1team1teams1temperature1template1time-zones1tip1tldr1toggle1torch1tour1tournament1transit1translation1tree1trend1tutorial1typo1unread1unsaved1username1validate1vibrate1viewer1virtual1visualisation1vote1voting1wake-lock1warehouse1waveform1wcag1weather1weight1weights1widget1world1