Tags

#interactive

504 components tagged interactive. Narrow them down with a search or more tags.

Layout 5

Typography 4

Actions 12

BookmarkButtonA save-for-later toggle whose bookmark fills when pressed, with or without its label.buttonsocialformsinteractive8 views · 8 downloadsCopyButtonCopies text to the clipboard and says so for a moment, to the eye and to screen readers.buttonutilityinteractive4 views · 6 downloadsFollowButtonFollow becomes Following once pressed, and says Unfollow on hover, as the social sites do.buttonsocialuserformsinteractive5 views · 7 downloadsLikeButtonA heart that toggles with a count that follows it, a real toggle for screen readers and forms.buttonsocialformsinteractive5 views · 4 downloadsMenuBarA desktop-style bar of menus (File, Edit, View) with shortcuts, ticks and the keyboard moves of a real menubar.menunavigationkeyboardinteractive5 views · 6 downloadsPrintButtonPrints the page, or only one element of it by id, hiding the rest while the print dialog is open.buttonprintdocumentinteractive4 views · 7 downloadsReactionPickerA row of emoji reactions with counts, one tap to react or take it back, and a menu to add another.buttonsocialcommentinteractive5 views · 5 downloadsShareButtonShares a link through the system's share sheet, or copies it where the browser has none, and says which.buttonformssocialinteractive6 views · 5 downloadsSpeedDialA floating action button that opens a column of smaller labelled actions, with the keyboard and a click elsewhere handled.buttonmenumobileinteractive5 views · 8 downloadsThemeToggleLight, dark or system, set on <html> for the whole page and remembered in the browser.buttonthemesettingsinteractive6 views · 5 downloadsToggleButtonA button that stays pressed, alone or in a group where one or any number are pressed; a form sends it.formsbuttoninteractive6 views · 7 downloadsVoteButtonsUp and down votes around a score that follows them, as on a forum, in a column or a row.buttonsocialformsinteractive5 views · 6 downloads

Forms 73

AmountInputReads 1.5k, 2m, 1,234.50, 1.234,50, $12 and EUR 40, decides which mark groups, shows the normalised amount, flags what could go two ways, and sends a real decimal.smartinteractivemoneycurrencyparserforms3 views · 8 downloadsAuthFormSign in, sign up, forgot and reset password in one form that switches in place, each posting to its own route.formsusersecuritypageinteractive7 views · 4 downloadsAutocompleteA free-text box that offers matches as one types, with the arrow keys and Enter; whatever is typed may stay.formsinputsearchkeyboardinteractive5 views · 7 downloadsAutosaveFormKeeps a draft in the browser as it is typed, offers to restore or discard it, says when saving failed, and works with storage blocked.smartinteractiveformdraftautosavestorage3 views · 5 downloadsAvatarUploadA round picture with Change and Remove, showing the picture picked before it is sent, on a real file input.formsuploadfileimageuserinteractive6 views · 6 downloadsBarcodeInputTells EAN-13, EAN-8, UPC-A, ISBN-10 and ISBN-13 apart by shape, checks the check digit, says what the right one would be, and converts ISBN-10 to ISBN-13.smartinteractivebarcodeisbnvalidationforms2 views · 5 downloadsBirthdayInputDay, month and year drop-downs that give one date in a hidden input, the days following the month and the years the age allowed.formsselectpickercalendarinteractive5 views · 7 downloadsBranchingSurveyOne question at a time with jumps by answer: back keeps answers, progress is counted from the longest path left, and unreachable or looping questions are reported.smartinteractivesurveybranchingquestionswizard3 views · 6 downloadsCardInputA payment card as it is typed: the number grouped, the brand, MM/YY and the code, with typos said.formsinputpaymentcheckoutinteractive6 views · 6 downloadsCharacterCounterA text box or textarea with a live 120 / 280 count that warns near the limit, as a hard stop or a soft one that blocks sending.formsinputtextinteractive5 views · 6 downloadsChecklistInputCheckboxes under a progress line that says how many are done and fills as they are ticked; each posts with a form.formsinputprogresslistinteractive5 views · 7 downloadsChipGroupChips to pick one or several of, like filters: real radios or checkboxes that a form sends, with counts.formsselectfilterinteractive6 views · 4 downloadsCodeEditorA code textarea with line numbers, where Tab puts spaces in, Shift+Tab takes them out and Enter keeps the indent.formsinputcodekeyboardinteractive5 views · 8 downloadsColorContrastChecks two colours against WCAG 2 for normal and large text, and finds the nearest colour that passes with the same hue and saturation.smartinteractivecolouraccessibilitywcagcontrast3 views · 5 downloadsColorPickerA colour as hex, or picked from a square, a hue slider and swatches; it says when hex is wrong.formspickerinteractive4 views · 5 downloadsComboboxA text box that filters a list of options as you type, or asks for them (a server, a map service), with the arrow keys, Enter and Escape.formsinputselectsearchinteractive5 views · 6 downloadsContactPastePaste an email signature or a blurb: it pulls out the name, email, phone, website, company and address into editable fields, marks how sure each guess is, and never overwrites an edit.smartinteractivecontactparserpasteforms5 views · 6 downloadsCronBuilderBuilds a five-field cron line from dropdowns or reads one typed, says it in English, lists the next runs in a time zone, and rejects a day that never comes.smartinteractivecronscheduletimedeveloper2 views · 6 downloadsCurrencyInputAn amount with its currency's symbol, thousands grouped as it is typed and the decimals the currency has, sent as plain digits.formsinputpricecommerceinteractive5 views · 5 downloadsDatePickerA date typed as YYYY-MM-DD or picked in a calendar grid, with the keyboard, limits and days that cannot be chosen.formspickercalendarinteractive7 views · 6 downloadsDateRangePickerA first and last day picked on two months (with a preview as you go) or from presets such as Last 7 days; or a stay in nights, around booked days, with a price under each.formspickercalendarinteractive4 views · 6 downloadsDateTimeInputA date and a time side by side on the browser's own fields, giving one ISO value, in a time zone when given one.formsinputcalendartimeinteractive5 views · 8 downloadsDependentSelectTwo drop-downs where the second's options depend on the first, both real selects a form sends.formsselectinputinteractive5 views · 7 downloadsDirtyFormGuardCompares a form with its first values: lists what changed, reverts per field or all, warns before leaving, and tells a change put back from a real one.smartinteractiveformunsavedchangesguard3 views · 5 downloadsDurationInputHours, minutes and seconds typed side by side, giving one value in seconds, with the arrow keys and carrying past 59.formsinputtimeinteractive5 views · 7 downloadsEmailInputAn email box that offers the address probably meant when the domain has a slip (gmial.com, outlook.con), one click to take it.formsinputuserinteractive5 views · 8 downloadsEmailTypoInputChecks an address's shape, offers did you mean gmail.com by edit distance with one click to fix, warns of throwaway domains, and stays quiet on a valid uncommon domain.smartinteractiveemailvalidationtypoforms3 views · 6 downloadsEmojiPickerPick an emoji from tabs of categories or by searching their names; each is named for screen readers and a form gets the one picked.formspickersearchsocialinteractive4 views · 7 downloadsExpressionInputA number field that works out 12*3+4, 15% of 80 and (1+2)/3 exactly with its own parser, shows the answer as typed, points at what it cannot read, and sends the answer.smartinteractivecalculatornumberparserforms2 views · 5 downloadsFileDropDrop files or click to choose them: a real file input that a form posts, listing names and sizes.formsuploadfileinteractive5 views · 7 downloadsFileUploadDrop or choose files: kinds, sizes and thumbnails listed, limits checked per file, removable, with upload progress.formsuploadfileprogressinteractive5 views · 6 downloadsFilterBarA search box with filter menus and chips, counts, removable pills and Clear all, sent as a GET form.formsfiltersearchinteractive5 views · 8 downloadsFormBuilderAdd, reorder and set up fields beside a live preview; names cannot repeat, and the form goes out as JSON that also loads back.smartinteractiveformbuilderjsoneditor3 views · 6 downloadsFormWizardA long form in steps, with the steps shown, Back and Next that check each step, and a review with Edit before it is sent as one form.formsprogressinteractive5 views · 6 downloadsFuzzySelectA combobox that ranks options by fuzzy subsequence score with matched letters highlighted and recent picks first, ignoring case and accents, with full ARIA keyboard behaviour and a real field.smartinteractivecomboboxsearchfuzzyforms2 views · 6 downloadsGuestPickerHow many adults, children, infants and pets are coming, said in one line, with a most for guests.formspickerinteractive5 views · 7 downloadsIbanInputGroups an IBAN in fours as typed, knows each country's length, validates mod-97 with big-number arithmetic, points to a likely typing slip, and sends it without spaces.smartinteractiveibanbankvalidationforms4 views · 8 downloadsIconPickerPick an icon from a grid of 51, narrowed by a search over names and meanings; the arrow keys move and a form gets the name.formspickericonsearchinteractive5 views · 5 downloadsInlineEditText that turns into a box to change it in place: Enter saves, Escape puts it back.formsinputtextinteractive5 views · 7 downloadsKeyValueEditorRows of keys and values to add and remove, with duplicate keys pointed out; posts JSON or name[key] fields.formsinputdatainteractive5 views · 6 downloadsMarkdownEditorA Markdown textarea with a toolbar that wraps the selection (bold, italic, link, list) and a Preview tab rendered as the page will show it.formsinputtexttabsinteractive5 views · 8 downloadsMaskedInputA box that shapes what is typed to a pattern (### ###-####, AA-00-AA) as it is typed, dropping what does not fit.formsinputtextinteractive6 views · 8 downloadsMentionInputA textarea that offers people when @ is typed, puts @handle in, and sends the handles mentioned beside the text.formsinputcommentsocialinteractive5 views · 6 downloadsMinMaxInputTwo number boxes, a minimum and a maximum, kept in order and inside their bounds, posted as name_min and name_max.formsinputfilterinteractive5 views · 6 downloadsMonthPickerA month and year picked from a grid of twelve months under the year, from a button or in the page, sent as YYYY-MM.formspickercalendarkeyboardinteractive4 views · 7 downloadsMultiSelectSeveral choices from a searchable drop-down of checkboxes, shown as chips that come off with ×.formsselectpickerinteractive5 views · 7 downloadsNaturalDateInputUnderstands next friday 5pm, in 3 days, end of month and 12/3 in the locale's order, says what it took, and offers the other readings when words mean two things.smartinteractivedatenaturalparserforms3 views · 6 downloadsNumberInputA number box with − and + buttons that stop at its limits, and keeps what is typed between them.formsinputinteractive5 views · 7 downloadsOtpInputBoxes for a one-time code: typing moves along, Backspace goes back, pasting fills them all.formsinputsecurityinteractive5 views · 5 downloadsPaletteBuilderBuilds a 50 to 950 scale and a semantic set from one colour, shows which pairs pass contrast, and exports CSS variables or JSON.smartinteractivecolourthemeaccessibilitydesign3 views · 6 downloadsPasswordGeneratorGenerates from a policy with a cryptographic source and no modulo bias, as random, pronounceable or a passphrase, shows true entropy, and refuses an impossible policy.smartinteractivepasswordsecuritygeneratorentropy2 views · 7 downloadsPasswordInputA password field with a show/hide toggle and, for new passwords, a strength meter.formsinputsecurityinteractive5 views · 4 downloadsPasswordStrengthA new-password field with a meter that fills as it gets stronger and a checklist of rules ticked as they are met.formsinputsecurityfeedbackinteractive5 views · 4 downloadsPhoneInputA country code select and a number box, sent together in international form (+351912345678) with the country's ISO code.formsinputselectuserinteractive6 views · 6 downloadsPollVote for one option with a tap and see the results as bars with each one's share; the vote also goes in a hidden input.formsbuttonsocialfeedbackinteractive6 views · 5 downloadsQuantityInputA compact count with − and + either side, kept to its limits and step, with the arrow keys, PageUp/PageDown, Home and End.formsinputcartcommerceinteractive5 views · 6 downloadsRangeSliderTwo thumbs on one track for a range (a price from–to), each with the keyboard; they cannot cross.formsinputinteractive5 views · 6 downloadsRatingStars to give a score (radio buttons underneath, half stars if wanted) or to show one, read-only.formsinputinteractive6 views · 6 downloadsRecurrencePickerHow something repeats, daily, weekly on chosen days, monthly or yearly, and when it ends, said in words and sent as a rule and an RRULE.formspickercalendarscheduleinteractive5 views · 7 downloadsRegexTesterTests a pattern live: matches marked, groups listed, a replace preview, the pattern explained, errors at their place, and a guard against patterns that hang.smartinteractiveregexpatterndevelopertext3 views · 10 downloadsRichTextEditorA formatted-text editor (bold, italic, lists, links, headings) on contenteditable, its HTML kept in a hidden input a form sends.formsinputtextinteractive7 views · 5 downloadsRuleFormA form from a data description: fields shown and required by rules, validation and cross-field checks, cycles reported, hidden fields left out of what is sent.smartinteractiveformvalidationrulesconditional3 views · 7 downloadsSearchInputA search box with a magnifier and a clear button; Escape clears, Enter submits its form.formsinputsearchinteractive6 views · 5 downloadsSignaturePadDraw a signature on a canvas (or type the name), with Clear, kept as a PNG data URL in a hidden input a form sends.formsinputdragdocumentinteractive5 views · 7 downloadsSlugInputMakes a URL slug from a title as it is typed, writing accents plainly, stops following once edited by hand, and checks taken and reserved links, offering the next free one.smartinteractiveslugurlvalidationforms3 views · 6 downloadsSortableListA list put in order by dragging or with the keyboard, each move announced, the order sent with a form.formslistdragsortkeyboardinteractive5 views · 5 downloadsTagInputCollects tags: Enter or a comma adds one, Backspace removes; a form gets them as a list.formsinputinteractive6 views · 5 downloadsTimeInputA time in parts (hours, minutes, AM/PM) changed with the arrow keys or by typing.formsinputtimeinteractive5 views · 6 downloadsTimeSlotsTimes to choose one from, with the places left at each; full ones cannot be chosen.formspickerscheduleinteractive5 views · 5 downloadsTransferListTwo filterable lists to move options between, several at a time, by mouse or keyboard.formsselectlistinteractive5 views · 5 downloadsUsernameInputTicks off each rule live, checks taken names in any case and for look-alikes such as l and 1 or O and 0, and offers free names made from the person's own.smartinteractiveusernamesignupvalidationforms2 views · 5 downloadsWeekPickerAn ISO week picked from a month shown as numbered weeks, by click or the arrow keys, sent as 2026-W45.formspickercalendarkeyboardinteractive5 views · 8 downloadsYearPickerA year picked from a grid of a decade, turned ten years at a time, from a button or in the page.formspickercalendarkeyboardinteractive4 views · 7 downloads

Feedback 5

Overlays 16

ChatWidgetA chat button in the corner that opens a small chat panel, with replies from your server and a count for unseen ones.chatoverlaysocialinteractive4 views · 7 downloadsCommandPaletteCtrl+K opens a fuzzy search of commands and pages, grouped, with keys, recent picks and the arrow keys.overlaysearchkeyboardinteractive6 views · 8 downloadsConfirmButtonA button that asks first, in a dialog on the page, then submits its form, follows its link or calls back.formsbuttondialoginteractive5 views · 5 downloadsDrawerA panel that slides in from an edge over the page, on the browser's own <dialog>.overlaynavigationinteractive6 views · 6 downloadsFlyoutA panel that opens beside its button at a chosen side, keeps open while you work in it, and closes on a click outside.popoveroverlayinteractive5 views · 10 downloadsFullscreenModalA dialog taking the whole window, with a bar holding close, its title and a main action, on the browser's <dialog>.dialogoverlaymobileinteractive5 views · 4 downloadsLightboxThumbnails that open full-screen, with captions, a counter, the arrow keys, swipes and focus put back.overlaymediaimageinteractive5 views · 6 downloadsNotificationCenterA bell with the unread count, opening a panel of notifications to filter and mark read, one by one or all at once.notificationpopoveroverlayinteractive5 views · 6 downloadsPromptDialogA modal asking for one text value with OK and Cancel, on the browser's own <dialog>; Enter submits, Escape cancels.dialogoverlayinputformsinteractive4 views · 5 downloadsQuickViewA Quick view button on a card that opens a preview of the item, its picture, price, text and actions, in a dialog.dialogcardcommerceoverlayinteractive5 views · 5 downloadsSearchOverlayA full-screen search with results as one types, grouped and marked, from a list or a server, opened with /.searchoverlaydialogkeyboardinteractive7 views · 5 downloadsShareSheetA bottom sheet with the ways to share a link: copy it, email, X, LinkedIn, WhatsApp and more, and the system's own.socialdialogoverlaymobileinteractive6 views · 4 downloadsSheetA bottom sheet on the browser's <dialog>: half or full height by its handle or a drag, Escape to close.overlaydialogmobileinteractive6 views · 5 downloadsShortcutsDialogA dialog listing the page's keyboard shortcuts in groups, opened with ?, with a box to filter them.dialogkeyboardaccessibilityinteractive5 views · 8 downloadsSpotlightTourA guided tour that dims the page and lights one element at a time by id, with a card saying what it is.overlaydialogkeyboardinteractive5 views · 7 downloadsToastA stack of toasts any component adds with toast_show(): tones, an action button, and timers that hold on hover.toastnotificationfeedbackinteractive6 views · 7 downloads

Navigation 13

BackToTopA button in the corner that shows once the page is scrolled down and takes it back to the top.navigationbuttonutilityinteractive6 views · 8 downloadsCollapsibleNavSide navigation in groups that fold under their titles, the browser remembering which are open.navigationmenulinkdocumentinteractive6 views · 7 downloadsContextMenuA menu where an area is right-clicked, held or Shift+F10 is pressed, with shortcuts, separators and the arrow keys.menuoverlayinteractive5 views · 6 downloadsFilterTabsTabs with counts that filter a list, one selected, moved between with the arrow keys; a hidden input holds the key.navigationtabsfilterformsinteractive5 views · 6 downloadsIconTabsTabs with an icon above each label and a count on its corner, the arrow keys moving between them.navigationtabsiconinteractive5 views · 6 downloadsMobileNavA menu button that opens the site's navigation over the whole screen, as a dialog: groups, the current page, actions at the bottom.navigationmobilemenudialoginteractive5 views · 6 downloadsNavSearchA search box for a navbar that grows when focused, with / to reach it and Escape to clear; a real form sends it.navigationsearchinputformskeyboardinteractive5 views · 5 downloadsScrollTabsA row of tabs that scrolls sideways when there are more than fit, with arrows at the ends and the keyboard.navigationtabsmobileinteractive5 views · 8 downloadsScrollspyLinks to the sections of a page that mark the one in view as it scrolls, down the side or in a row.navigationlinkpageinteractive5 views · 9 downloadsTableOfContentsLinks to a page's headings that mark the section being read as it scrolls, and scroll smoothly there.navigationdocumentinteractive5 views · 6 downloadsTreeViewNested items that open and close, with the arrow keys, type-ahead and optional tri-state checkboxes.navigationlistinteractive6 views · 6 downloadsUserMenuAn avatar button that opens the account menu: name and email, links, and sign out; the arrow keys move through it.navigationmenuuserpopoverinteractive5 views · 6 downloadsVerticalTabsTabs down the left with icons and a line of detail, and the selected one's panel at the right; a row above it when narrow.navigationtabssettingsinteractive4 views · 6 downloads

Data 29

AuditLogWho did what to what and when, newest first, filtered by person and action, searched, and paged.datatablefiltersecurityadmininteractive5 views · 7 downloadsBulkEditorPicks rows by checkbox or filter, then sets, replaces, prefixes, suffixes or adjusts a column, with a before and after preview, apply, undo and redo.smartinteractivebulkeditundotable2 views · 7 downloadsCsvImporterTakes pasted or dropped CSV: detects the delimiter, quotes and header, guesses the column for each field, checks every row and lists the bad ones with the reason.smartinteractivecsvimportuploadvalidation2 views · 8 downloadsDataGridSort, search, filter by a column's values, pick rows and page through them, in one table.datatablesortfiltersearchinteractive5 views · 8 downloadsDataProfilerReports each column of a list of rows: inferred type, missing, distinct, range, commonest values and warnings in plain words.smartinteractiveprofilingqualitystatisticscolumns3 views · 7 downloadsDuplicateFinderFinds near-duplicate rows by normalised text and edit distance with an adjustable threshold, marks what differs, and lets you pick the row to keep.smartinteractiveduplicatesdedupematchingcleaning3 views · 7 downloadsEditableTableA grid edited in place: text, number, select, checkbox and date cells, checked, sorted, with rows added and deleted.datatableformsinteractive7 views · 5 downloadsExpandableTableRows with a button that opens a panel of details under them: labelled fields, a note, or your own markup.datatableinteractive5 views · 6 downloadsFolderGridFolders and files as tiles picked like a file manager: click, Ctrl/⌘ and Shift, arrow keys by row, Space, Ctrl+A, Enter or double-click to open.filegridkeyboardinteractive6 views · 8 downloadsFormulaGridA small spreadsheet: formulas with ranges and SUM AVG MIN MAX COUNT IF, dependency-ordered recalculation, exact decimals, keyboard movement and errors in the cell.smartinteractivespreadsheetformulagridcalculator2 views · 6 downloadsGroupSummaryGroups rows by chosen columns with sum, average, minimum, maximum, count and distinct: nested subtotals, a grand total, folding groups and CSV, all exact.smartinteractiveaggregatesubtotalsreportcsv3 views · 5 downloadsJsonExportTableJSON records as a table with a type for each column (numbers, money, dates, yes/no, links, nested), sorted by type, exported as CSV, TSV, JSON, JSON Lines, Excel, Markdown, HTML, SQL or XML.datatablejsonexportinteractive8 views · 7 downloadsJsonQueryRuns a JSONPath over a JSON document as you type: wildcards, recursive descent and filters, each result with its path, and a clear message where a path fails.smartinteractivejsonjsonpathqueryexplorer2 views · 7 downloadsJsonTableJSON as a table: open nested objects and arrays in place or as the table, search at every depth, export as JSON or CSV, thousands of lines kept fast.datatablecodesearchinteractive9 views · 7 downloadsJsonViewerA map or list as collapsible JSON, coloured by type, with sizes, expand all and the path of any value.datajsontreedeveloperinteractive7 views · 7 downloadsKanbanBoardColumns of cards moved by dragging, by keyboard (Space, the arrows, Space) or with each card's arrows.datadraglistinteractive9 views · 6 downloadsLogExplorerReads raw logs in logfmt, JSON lines or plain text, keeps traces together, and searches them like level:error status:5xx "timeout".smartinteractivelogssearchmonitoringdeveloper3 views · 6 downloadsLogViewerLog lines with each level in its colour, buttons to show or hide levels, a search that marks matches, wrapping and following the end.datacodefiltersearchinteractive8 views · 7 downloadsMapViewA map (Leaflet's) with prices or dots for places on a list, one picked, and a pin to drag where something is.mediadatainteractive7 views · 7 downloadsPropertyGridGrouped name and value rows that fold, each value edited by the control its type asks for, with changes marked and undone.dataformsinputsettingsinteractive7 views · 5 downloadsQueryBuilderBuilds nested AND/OR filters with operators by field type, and gives a JSON filter and parametrised SQL, with a live count of the sample rows that match.smartinteractivefiltersqlquerysearch3 views · 4 downloadsRecordMergerMerges versions of a record field by field: agreed fields settle, conflicts are marked, and one click takes the newest, non-empty or longest values.smartinteractivemergeconflictsdeduperecords4 views · 7 downloadsReviewListReviews sorted by a select (newest, highest, most helpful), filtered by stars with counts, shown a page at a time.listsortfiltercommercesocialinteractive6 views · 7 downloadsSchemaInferrerReads JSON samples and infers fields, types, optional and nullable, enums and formats, merging across samples and nested data, as a table and JSON Schema.smartinteractivejsonschemainferencevalidation3 views · 5 downloadsSearchListA list that filters as you type, marks what matched, counts the results and is walked with the arrow keys.listsearchfilterinteractive7 views · 6 downloadsSelectableTableRows with checkboxes, a select-all that shows when only some are checked, a count of the selected, and hidden inputs for a form.datatableformsinteractive7 views · 6 downloadsTreeTableRows that open to show the rows under them, indented by depth, with the arrow keys as an ARIA treegrid.datatablekeyboardinteractive6 views · 8 downloadsVirtualListA list of thousands of items that stays fast by drawing only those in view, with keyboard picking.datalistinteractive6 views · 7 downloadsVirtualTableA table of thousands of rows that draws only those in view, sorted and searched across all of them.datatableinteractive6 views · 7 downloads

Charts 10

BrushChartA large chart of a range with an overview below, where a window dragged or moved by keys picks the range shown.chartdatainteractivedragkeyboard6 views · 5 downloadsChartAdvisorLooks at rows, picks a chart by the shape of the data, says why, lets the reader switch, and draws it as SVG.smartinteractivechartvisualisationsvgdata4 views · 5 downloadsInteractiveLineChartLines with a crosshair and tooltip that follow the pointer or the keyboard, legend items that hide series, and drag to zoom.chartdatainteractivekeyboard6 views · 6 downloadsLiveCandlesCandles built from ticks as they come: the open candle grows, a new one starts each interval, with the last price and the time left.chartdatatradinginteractive6 views · 6 downloadsOrderBookAn order book's bid and ask ladders with size bars, the spread and mid price, grouping into coarser steps, and levels that flash as they change.datatradingtableinteractive6 views · 6 downloadsRealtimeChartA live line that scrolls as values come, a window of the last N, with the latest value, its change and a pause.chartdatadashboardinteractive6 views · 6 downloadsStockChartA full trading chart: candles, line or area, volume, range buttons, a crosshair with the OHLC readout, wheel zoom and drag pan, indicators and RSI and MACD panes.chartdatatradingdashboardinteractivekeyboard6 views · 6 downloadsTradeFeedTime and sales: trades as they happen, newest first, buys green and sells red, large ones picked out, capped at a number of rows.datatradingtableinteractive6 views · 10 downloadsTrendForecastFits a least-squares trend and any seasonal pattern to a series, forecasts it with a band, and warns plainly when the fit is poor.smartinteractiveforecasttrendchartregression2 views · 8 downloadsWatchlistSymbols with last price, change, percent and a sparkline, in columns that sort, with prices that flash as they change.datatradingtablesortinteractive6 views · 6 downloads

Media 12

AudioPlayerAn audio clip with play, a seek bar that says the time, and a button cycling through playback speeds.mediaaudiointeractive6 views · 7 downloadsCameraCaptureTakes a photo with the camera into a hidden input as a data URL, with retake, and says so when there is no camera.mediaimageformsuploadinteractive6 views · 6 downloadsIconGridEvery icon of the kit with its name in a grid, narrowed as you type, each one a click away from its name.iconmediasearchinteractive6 views · 7 downloadsImageAn image that keeps its shape while it loads, shimmering, and shows a fallback with its alt when it cannot.mediaimageloadinginteractive6 views · 8 downloadsImageCompareBefore and after pictures one over the other, with a divider to drag (or move with the keys) between them.mediaimagedraginteractive6 views · 9 downloadsImageCropA crop box over a picture, dragged and resized by its corners or the keys, with the crop in hidden inputs a form sends.mediaimageformsdraginteractive9 views · 6 downloadsImageGalleryA grid of thumbnails (the last can say "+N") opening a framed viewer with captions, next and previous, the keys and a strip.mediaimagegriddialoginteractive6 views · 7 downloadsPlaylistNumbered tracks with the one playing marked, each one's length and the total; with sources it plays them in turn.mediaaudiolistinteractive6 views · 5 downloadsVideoPlayerA video with the kit's own controls: play, seek, time, volume, full screen and the keyboard.mediavideokeyboardinteractive7 views · 6 downloadsVolumeControlA mute button and a level slider with an icon that shows how loud it is; a real range, so forms and keyboards work.mediaaudioinputformsinteractive6 views · 7 downloadsYouTubeEmbedA YouTube video that loads nothing but its poster until the play button is clicked, then starts at once.mediavideointeractive6 views · 7 downloadsZoomImageA picture that zooms in where the pointer is; a click holds it, and the keyboard zooms and moves around too.mediaimagecommerceinteractive6 views · 4 downloads

Commerce 17

BestCouponWorks out the lowest total from several coupons, trying each combination and order under their rules, and explains the winner and why each other coupon lost.smartinteractivecommercecoupondiscountcheckout3 views · 7 downloadsBoxPackerPicks the smallest box that takes items with rotation, or splits across boxes, works out dimensional and billable weight, and says when an item fits none.smartinteractivecommerceshippingpackingweight4 views · 7 downloadsBundleBuilderPicks a bundle from groups with minimums and maximums: tiered discount, the cheapest way to the next tier, the saving over buying alone, and totals exact to the cent.smartinteractivecommercebundlediscountpricing4 views · 6 downloadsCartItemOne line of a cart: picture, name and options, a quantity control, the line's total and Remove, as inputs a form sends.commercecartpriceformsinputinteractive6 views · 6 downloadsCouponInputA promo code box with Apply: on_apply(code) says whether it took, and an applied code shows with Remove.commercecheckoutformsinputinteractive6 views · 5 downloadsFreeShippingMeterHow far a cart is from free shipping or the next reward, and the cheapest item or set that gets it there, with tiers per currency, exact when reached.smartinteractivecommerceshippingcartrewards3 views · 5 downloadsMarginCalcCost, price, margin and markup bound together: edit any and the rest follow from the two set last, with a price for a target margin and a warning under cost.smartinteractivecommercecalculatormarginpricing3 views · 6 downloadsMiniCartA bag icon with the count that opens a small panel of the items, the subtotal and the way to the cart and checkout.commercecartpopovernavigationinteractive5 views · 8 downloadsPlanAdvisorUsage sliders against plans with included amounts, overage and an annual discount: the actual cost of each, the cheapest, and at what usage the answer changes.smartinteractivecommercepricingplansbilling5 views · 5 downloadsPlanToggleMonthly or yearly billing as a pill of two radios, with the saving shown on the yearly side.commercepriceformsselectinteractive6 views · 4 downloadsProductConfiguratorBuilds a product from option groups with requires and excludes rules: clashes disabled with the reason, what a change dropped explained, a live price and what is missing.smartinteractivecommerceconfiguratoroptionspricing3 views · 5 downloadsProductGalleryA product's pictures: one large, the rest as thumbnails that switch it, with the arrow keys, swipes and a counter.commerceimagemediatabsinteractive6 views · 6 downloadsProrationCalcWorks out a mid-period change of plan by the day: credit for the time left, charge for the new plan and what is due, across month lengths, leap years and downgrades.smartinteractivecommercebillingsubscriptioncalculator2 views · 8 downloadsSizeAdvisorTakes measurements in cm or inches and a size chart, recommends a size per garment, says how it fits by measurement, and settles between-sizes by a stated preference.smartinteractivecommercesizingfitfashion3 views · 6 downloadsUnitPriceComparePacks in different sizes and units normalised to one, ranked by price per unit, with the best value and its saving marked and mixed weight and volume flagged.smartinteractivecommercepricecompareunits4 views · 7 downloadsVariantPickerSizes as buttons and colours as swatches, sold-out ones crossed out: radio groups for the keyboard, hidden inputs for forms.commerceformsselectpickerinteractive6 views · 6 downloadsWishlistButtonA heart that saves a product for later: a pressed-state toggle, named for screen readers, with a hidden input for forms.commercebuttonformsinteractive7 views · 6 downloads

Finance 24

AccountDetailsThe details to share to get paid: account name and number, IBAN in groups of four (checked), BIC, sort code or routing number, each with a copy button.financebankingcardcopyinteractive6 views · 6 downloadsBillSplitterSplits a bill with tax and tip equally, by shares or by items, cents shared out by largest remainder so the parts add up exactly.smartinteractivefinancebillsplittip3 views · 6 downloadsBreakEvenCalcFinds break-even units and revenue from costs and price, the margin of safety at a volume, a chart, and the price a target profit needs.smartinteractivefinancebusinesspricingcalculator4 views · 6 downloadsBudgetPlannerPlans a month in envelopes with the 50/30/20 check, what is left to assign, overspending warnings and exact moves between envelopes.smartinteractivefinancebudgetenvelopesplanning3 views · 5 downloadsCardControlsA card's controls beside its masked face: freeze it, set daily spending and cash limits, and allow online, ATM, contactless and abroad use.financebankingformssettingscardinteractive7 views · 6 downloadsCashCountCounts a drawer by notes and coins to a total and an over or short variance, and makes change in the fewest pieces from what is in it.smartinteractivefinancecashtillchange2 views · 8 downloadsCompoundCalcGrows a balance year by year with contributions and interest apart, after inflation, and finds the rate needed to reach a target.smartinteractivefinancesavingsinterestcalculator4 views · 8 downloadsCoopBallotA board election ballot: candidates as cards with a short statement, up to N ticked and no more, sent as a plain form post.financecoopformsvoteinteractive7 views · 8 downloadsCurrencyConverterAn amount and two currencies with a swap button, the rate both ways and the converted amount, crossed through the base from the rates given.financeforexcalculatorformsinteractive8 views · 11 downloadsDebtPayoffCompares avalanche and snowball on several debts with an extra payment: months, interest, payoff order, each month, and warns of a debt that never clears.smartinteractivefinancedebtloanspayoff3 views · 6 downloadsFxQuoteTicketAn order ticket for a currency deal: buy or sell, the amount, the quoted rate counting down to its expiry, the other currency's amount and Confirm.financeforexformstradinginteractive8 views · 6 downloadsInvoiceBuilderBuilds an invoice with line and order discounts, inclusive or exclusive tax, due dates by terms, a tax summary by rate and totals that reconcile.smartinteractivefinanceinvoicetaxbilling3 views · 6 downloadsLoanCalculatorA loan's amount, rate and term as sliders and boxes, with the monthly payment, total interest and total paid following as they move.financeloanscalculatorformsinteractive7 views · 5 downloadsLoanEligibilityFour questions (income, debts, work, amount) and, as they are answered, whether a loan is likely, the amount within reach and why.financeloansformscalculatorinteractive7 views · 6 downloadsMembershipApplicationA co-op membership application in steps: personal details, ID, beneficiaries adding up to 100%, the share pledge, and a review.financecoopformswizardinteractive7 views · 6 downloadsPatronageRefundCalcWorks out a co-op member's dividend on shares and patronage refund on interest paid or purchases, to the total, as they type.financecoopcalculatorformsinteractive7 views · 4 downloadsPayeeListSaved payees with bank, masked account and what was last paid when, a Pay button each, and a search.financebankinglistsearchinteractive7 views · 4 downloadsRateAlertsSet an alert on an exchange rate, a pair above or below a rate, and see the alerts set, how far each is, and remove them.financeforexformslistinteractive8 views · 6 downloadsRefinanceCalcCompares a loan with a new one month by month: payment, closing costs, break-even month, interest over the stay, and when it is not worth it.smartinteractivefinanceloanmortgagerefinance2 views · 6 downloadsRemittanceQuoteSending money abroad: you send, the fee, the rate against the mid-market rate, what they get and when it arrives, worked out as the amount changes.financeforexbankingcalculatorformsinteractive8 views · 5 downloadsSettleUpWorks out each person's balance from shared expenses and the fewest transfers that settle the group, exact to the cent.smartinteractivefinanceexpensessplitgroup3 views · 7 downloadsTaxBracketsWorks out progressive tax from brackets as data: tax by bracket, effective and marginal rate, take-home, credits, and what a raise really adds.smartinteractivefinancetaxincomesalary2 views · 8 downloadsTransactionListTransactions grouped by day with category, money in and out, the running balance, pending ones marked, and a search that filters as you type.financebankinglistdatasearchinteractive7 views · 6 downloadsTransferFormA transfer between your accounts or to a payee: from, to, amount, date and memo, checked, then a review with the fee and the balance after.financebankingformswizardinteractive7 views · 9 downloads

News 7

BreakingNewsA breaking-news banner: the label in a block of colour, the headline and a line more, how long ago it came in, kept up to date, and a close that can be remembered.newsbanneralertliveinteractive9 views · 8 downloadsExtractiveSummaryKeeps a text's best sentences, scored by word frequency and position, in their order, with a length slider and the chosen ones marked. No AI service.smartinteractivesummarynewstexttldr2 views · 6 downloadsGiftArticleGift this article: a panel with the gift articles left this month, a link anyone can read the story with, Copy and Email, and when more come once used up.newssharesubscriptionpopoverinteractive9 views · 8 downloadsHeadlineAnalyzerScores headlines for length, word balance, numbers, power and weak words, shows where search and phones cut them, and compares variants side by side.smartinteractiveheadlineseonewscompare4 views · 8 downloadsLiveBlogA live blog: timestamped updates with a pinned summary on top, key events that jump to their entry, key-events-only and oldest-first switches, and paging.newslivefeedtimeinteractive8 views · 8 downloadsNewsQuizThe week's news quiz: a question at a time, each pick marked right or wrong with the story behind it, then the score with a mark per question and Play again.newsquizgameformsinteractive8 views · 8 downloadsWeatherStripThe weather for a news page: the temperature now with the sky drawn, the high and low, the hours or days ahead with rain chances, and a °C/°F switch.newsweatherforecastwidgetinteractive9 views · 8 downloads

Travel 8

BaggageSelectorChecked bags for each passenger with counters, what the first, second and third bag cost, the cabin allowance, the total and the saving against the airport.travelflightsformscommerceinteractive9 views · 8 downloadsFareCalendarA month of the cheapest fare each day: prices coloured cheap to dear, the lowest day marked, months with fares to move between, and a day to pick.travelflightscalendarpickerinteractive8 views · 8 downloadsFareOptionsFare families side by side, Basic to Flex: the price a person and over the cheapest, what each includes, costs extra or leaves out, and the total for everyone.travelflightsformscommerceinteractive8 views · 11 downloadsFlightSearchA flight search form: return or one way, from and to with a swap button and airport suggestions, dates, travellers and cabin, checked before it searches.travelflightsformssearchinteractive8 views · 7 downloadsPackingListWhat to pack, in groups: a checkbox for each thing with how many, a bar of how much is packed, things to add or take off, packed ones hidden and all unpacked again.travellistchecklistformsinteractive7 views · 7 downloadsRoomPickerA hotel's rooms with their rates (non-refundable, free cancellation, breakfast) and a counter for each, rooms left, the stay's total, who it sleeps and Reserve.travelhotelsformscommerceinteractive9 views · 9 downloadsSeatMapA plane's cabin to pick a seat for each passenger: aisles, window and aisle seats, taken seats, exit and extra legroom rows, a price per seat and the total.travelflightsformspickerinteractive8 views · 7 downloadsTripBudgetAdds up costs per person, night and day in several currencies from rates given as data: a total at home, a split to the cent, what is over budget, and a daily allowance.smartinteractivetravelbudgetcurrencycalculator3 views · 5 downloads

Blogging 9

ClapButtonApplause for a post: each press adds a clap up to a limit per reader, a +3 rises for presses in a row, and a small × takes them back.bloggingsocialbuttonreactionsinteractive8 views · 8 downloadsFeedSubscribeFollow this blog: its RSS, Atom or JSON feeds with their addresses to copy, links into feed readers, what a feed is, and an email box.bloggingfeedssubscribeformsinteractive8 views · 7 downloadsKeywordExtractorFinds a text's top words and two-word phrases without each language's common words, warns of stuffing, and copies them as tags.smartinteractivekeywordsseotagstext2 views · 4 downloadsPublishPanelThe editor's panel that puts a post out: its status, who may read it, now or scheduled, its address, then Save draft and Publish or Schedule.bloggingformseditorpublishinginteractive8 views · 9 downloadsReadabilityMeterLive Flesch reading ease and grade, counts, reading time and the hardest sentences, and it says so when a text cannot be scored.smartinteractivereadabilitywritingfleschtext2 views · 7 downloadsReaderSettingsA post's text the way each reader likes it: size, serif or sans, line length, line spacing and light or dark, kept for their next visit.bloggingsettingstypographyaccessibilityinteractive9 views · 6 downloadsSeoAuditAudits a post's title, description, slug and HTML or Markdown body: lengths, headings, alt text, keyword placement and links, with a score and how to fix each failure.smartinteractiveseoauditbloggingchecklist3 views · 6 downloadsSeoPreviewA post's title and description for search and sharing, with counts that say short, good or too long, and a live search result and link card.bloggingformseditorseointeractive7 views · 8 downloadsTextLintMarks passive voice, filler, repeated words, double spaces, long sentences and cliches as you type, each with its place and a one-click fix where there is one.smartinteractivelintwritingstylegrammar4 views · 8 downloads

Marketing 8

AbTestCalcReads an A/B test from visitors and conversions: lift, z-test, p-value, interval and a plain verdict, refusing to call too small a sample.smartinteractivestatisticsexperimentcalculatormarketing2 views · 7 downloadsAnnouncementBarA slim bar at the top with one message, a badge and a link, closed for good once dismissed.marketingnotificationfeedbackpageinteractive6 views · 5 downloadsFaqQuestions that open to their answers on <details>, with a search box that keeps only the ones matching.marketingsearchfilterlistinteractive6 views · 7 downloadsFaqFinderSearches questions and answers by term weighting, tolerant of typos and word endings, with synonyms as data, shows why each answer was found, and helps when none was.smartinteractivesearchfaqsupporthelp5 views · 9 downloadsFunnelAnalyzerStep counts to drop-off, conversion and the biggest leak, with a what-if on any step carried through to the end, and a warning when a step grows.smartinteractivefunnelconversionanalyticsmarketing2 views · 6 downloadsMailMergeFills a template with {{name}} and fallbacks from CSV or JSON rows: a preview for each row, the missing and unused variables, and the rows that would send an empty value.smartinteractiveemailtemplatemarketingmerge3 views · 8 downloadsSampleSizeCalcVisitors per variant and days to run for an A/B test, with the formula shown, refusing inputs that have no answer.smartinteractivestatisticsexperimentcalculatormarketing3 views · 6 downloadsUtmBuilderBuilds a campaign link with consistent case, warns on spaces and mixed conventions, keeps the query and fragment, and remembers recent values.smartinteractivemarketingcampaignurlanalytics3 views · 7 downloads

Dashboard 14

AccessCheckerWorks out allow or deny from roles, grants and denies given as data, names the rule that decided, and shows a matrix of everything.smartinteractivesecuritypermissionsrolespolicy2 views · 6 downloadsAlertRuleBuilderBacktests an alert rule on a sample series, drawing each firing and warning of a rule that flaps or never fires.smartinteractivealertsmonitoringbacktestchart3 views · 8 downloadsAnomalyFinderFlags outliers by median absolute deviation, gaps and level shifts in a time series, plots them, and says why each was flagged.smartinteractiveanomalyoutlierchartanalysis3 views · 6 downloadsApiKeyFieldA secret shown masked in a read-only field, with Show and Copy buttons and a hidden input for forms.dashboardsecuritysettingsformsinputinteractive5 views · 6 downloadsAutoInsightsReads rows and says in plain sentences what stands out, ranked by strength, and says nothing rather than something weak.smartinteractiveinsightsanalysisstatisticsdata2 views · 5 downloadsCloudCostEstimatorPrices cloud resources through graduated tiers, compares reserved with on-demand, and says what drives the bill most.smartinteractivecloudcostcalculatorpricing3 views · 8 downloadsCohortTableSignup and activity events to a retention triangle by week or month, heat-coloured, with a weighted average and unfinished periods left blank.smartinteractiveretentioncohortanalyticstable2 views · 8 downloadsDecisionMatrixRanks options on weighted criteria, cost counting against them, shows ties as ties, and says how far each weight must move to change the winner.smartinteractivedecisionrankingweightsanalysis3 views · 7 downloadsOnboardingChecklistSteps to finish setting up, with a progress bar, a tick on each done and a link to where the rest get done.dashboardprogresslistformsuserinteractive7 views · 5 downloadsPermissionsMatrixRoles across, permissions down, a checkbox at each: a form sends the pairs ticked, a column box ticks a whole role.dashboardadminsecurityformstableinteractive6 views · 6 downloadsRiskMatrixRisks on a 5 by 5 heat grid with keyboard placement: score, band, the mitigated position beside the inherent one, a sorted register, and a filter by cell.smartinteractiveriskheatmapregisterkeyboard2 views · 7 downloadsSessionListSigned-in devices with browser, system, place and time, this one marked, and Sign out for each or all the others.dashboardsecuritysettingslistuserinteractive6 views · 5 downloadsSloCalculatorFrom a target and a window, works out allowed downtime, the error budget left, the burn rate, when it runs out, and burn alert thresholds.smartinteractivesloreliabilitycalculatormonitoring4 views · 7 downloadsTokenListAPI tokens with name, prefix, created, last used, scopes and expiry, and a Revoke that asks first.dashboardsecuritysettingstableadmininteractive6 views · 8 downloads

Social 8

ChatInputA chat message box that grows as you type, sends on Enter and breaks the line on Shift+Enter; a plain form in a page.socialchatformsinputinteractive6 views · 6 downloadsCommentThreadNested comments with Like and Reply, a reply box that opens under the comment answered, and branches that fold.socialcommentlistinteractive5 views · 5 downloadsPostComposerWrite a post with a character ring and count, attach files, and post with a button or Ctrl+Enter; a plain form in a page.socialformsinputuploadinteractive6 views · 6 downloadsRankedVoteCounts ranked ballots by instant runoff, round by round, showing each transfer and exhausted ballot, with a stated rule for breaking ties.smartinteractivevotingelectionrankedpoll2 views · 9 downloadsReactionsEmoji reaction chips with counts, yours marked, and an add button that opens a row of emoji to pick from.socialbuttonformsinteractive6 views · 5 downloadsReplyBoxA reply box that is one line until focused, then grows and shows Post and Cancel; it posts a form or calls back.socialcommentformsinputinteractive6 views · 5 downloadsTeamBalancerSplits people into teams balanced by rating, with keep-together and keep-apart rules, shows each total and the spread, and says when the rules cannot be met.smartinteractiveteamsgroupsgamesbalance2 views · 5 downloadsTournamentBracketA single-elimination draw from seeds, with byes and correct pairing: clicking winners moves them on, and changing a result clears what rested on it.smartinteractivebrackettournamentseedsgames2 views · 4 downloads

Scheduling 16

AvailabilityGridDays across and hours down: click or drag across the cells to mark when you are available; the slots go in a hidden input.schedulecalendarformspickerdraginteractive7 views · 7 downloadsBusinessDaysCalcCounts the working days between two dates, or finds a date N working days away, with your own weekends and holidays, listing each day it skipped.smartinteractivedatescalendarcalculatordeadline4 views · 8 downloadsCriticalPathRuns the forward and backward passes over tasks and dependencies: slack, the critical path and real dates with weekends off, naming cycles and missing tasks.smartinteractiveplanningprojectsdependenciesdates3 views · 6 downloadsHabitTrackerA grid of days per habit that works out streaks, completion and grace days, on chosen weekdays only, and tells streaks apart across a missed day.smartinteractivestreakscalendartrackergoals3 views · 7 downloadsRelativeTime"3 minutes ago" or "in 2 hours" from an ISO time, kept up to date in the browser, with the full date on hover.scheduletimetextinteractive6 views · 4 downloadsRoundRobinFair fixtures by the circle method, with home and away balanced, a bye for an odd number and double rounds, and standings with stated tiebreaks from scores entered.smartinteractivefixturesleaguestandingsgames3 views · 6 downloadsShiftPlannerPeople by shifts across a week: checks rest, hours, skills and coverage, marks each breach with its reason, and auto-fills fairly, saying what it could not fill.smartinteractiverotastaffrosterplanning3 views · 5 downloadsSlotFinderFinds common free slots from several people's busy lists, in working hours in a chosen time zone, ranking the closest by who is affected when none suits all.smartinteractivemeetingscalendaravailabilitytimezone3 views · 6 downloadsSpacedRepetitionFlashcards scheduled by SM-2: grade each answer, see the next due date, keep ease and interval as data, with today's queue under new and review limits.smartinteractiveflashcardslearningmemorystudy3 views · 6 downloadsSprintPlannerWorks out team capacity from days off, fits the backlog by priority keeping dependencies, says why the rest did not fit, and tracks capacity as items move by hand.smartinteractiveagilecapacitybacklogplanning3 views · 7 downloadsStopwatchA stopwatch to the hundredth: Start, Lap, Stop and Reset, with the laps listed and the fastest and slowest marked.scheduletimeclockkeyboardinteractive7 views · 5 downloadsTimerA countdown set in minutes with Start, Pause and Reset, a ring that empties, presets, and a silent alert at zero.scheduletimeclockprogressinteractive7 views · 7 downloadsTimesheetGridA week by projects: type 7.5, 7:30 or 22:00-06:00 and it rounds to the quarter, takes off breaks, totals the days and splits out overtime by rule.smartinteractivehourspayrollovertimeforms3 views · 5 downloadsTimezoneOverlapCities in rows across a day with working hours marked: finds the overlap, lets you drag a meeting across it, and says what that hour means in each city, right on a clock-change day.smartinteractivetimezonemeetingsdstworld3 views · 5 downloadsWorkloadViewPeople by weeks with their assignments: marks who is over or under allocated, and suggests which assignment to move to whom, keeping skills.smartinteractivecapacityteamplanningresources2 views · 6 downloadsWorldClockThe time now in several cities, ticking, with the day there and how far ahead or behind the first one each is.scheduletimeclockinteractive7 views · 7 downloads

Mobile 196

ActionSheetA list of actions rising from the bottom, with a destructive style and Cancel: swipe down or the phone's back gesture closes it; on a tablet, a card by what opened it.mobileinteractivetabletsheetmenugesture3 views · 9 downloadsAdaptiveDialogA sheet on a phone and a centred dialog on a tablet or desktop: the same content, chosen by width, changing live on rotation.mobileinteractivetabletdialogsheetresponsive3 views · 5 downloadsAlertInboxAlerts by severity, swiped to acknowledge or snooze, with buttons and keys to the same, and a badge that stays right as snoozes run out.mobileinteractivealertsgestureswipetablet3 views · 8 downloadsAlphaRailListA long list with sticky letter headers and an A to Z rail scrubbed by finger, with a bubble showing the letter and a haptic per step.mobileinteractivetabletlistgesturehaptic1 view · 6 downloadsAmountPadBig amount entry for money: digits fill from the right, currency rules for decimals, limits, a shake on a refused key.mobileinteractivemoneykeypadamountfinance2 views · 6 downloadsAnchoredPopoverA popover with an arrow tied to its button on a tablet and a sheet on a phone, re-anchored on rotation and when a keyboard opens.mobiletabletinteractivepopoversheetoverlay3 views · 5 downloadsAppTabBarBottom tabs for a phone app: badges, safe-area padding, a second press scrolls to the top, each tab keeps its place, gone while the keyboard is up; a rail on a tablet.mobileinteractivetabletnavigationtabskeyboard3 views · 8 downloadsApprovalQueueOne request at a time, swiped to approve or reject, with a required reason, undo and a count of what is left.mobileinteractiveapprovalgestureswipetablet3 views · 5 downloadsAssetLookupScan or type an asset tag to see its record, history and what to do, with near matches and a report for a tag nobody knows.mobileinteractivebarcodefieldofflinetablet3 views · 7 downloadsBalanceCardBalances that hide with a tap and show for a hold, swiped between accounts, in decimals, with when they were read.mobileinteractivebankingbalanceswipetablet3 views · 6 downloadsBatteryBadgeShows the battery's level and low-power state from the app or the web, and asks the page to go easy when it is low.mobileinteractivebatterypowerbadge2 views · 7 downloadsBillRemindersUpcoming bills in order, marked when close, to pay or snooze, with the ends of months handled.mobileinteractivebankingbillsswipetablet3 views · 6 downloadsBoardingPassCardA boarding pass with its code ready at full brightness, the gate and time large, a countdown, and offline working.mobileinteractivetablettravelticketqr3 views · 8 downloadsBookSpreadReader pages, one column upright and a two-page spread turned, by swipe or edge tap, the place kept by text and not page number.mobiletabletinteractivereadergesturebook2 views · 7 downloadsBottomAppBarA bottom bar with actions and a notched floating button, hiding on scroll and standing clear of the safe area; a floating toolbar on a tablet.mobileinteractivetabletnavigationtoolbarfab3 views · 6 downloadsBottomSheetA sheet with peek, half and full stops, dragged by finger: it resists past its ends, snaps by speed, shares the finger with the list inside and rises above the keyboard.mobileinteractivesheetoverlaydetentsgesture4 views · 7 downloadsCalendarSheetA month on a sheet that folds to a week by drag, with the day's agenda under it.mobileinteractivegesturecalendaragendatablet3 views · 4 downloadsCardStackCards in a fan: a tap lifts one, a switch freezes it, and its details are hidden, shown and copied a field at a time.mobileinteractivebankingcardclipboardtablet2 views · 8 downloadsCartSheetA cart in a sheet with quantities, swipe to remove with undo, live totals in decimals, a free-shipping note and a checkout button.mobileinteractivecommercesheetswipetablet2 views · 9 downloadsChatScreenMessages grouped by sender and day, keeping your place while older ones load, at the bottom as new ones come, and clear of the keyboard.mobileinteractivechatmessageskeyboardtablet3 views · 7 downloadsCheckoutSheetA one-screen checkout in a sheet with address, delivery, payment and a live total, every part validated, and a slide to pay.mobileinteractivecommercesheetpaymenttablet2 views · 6 downloadsCoachOverlayA one-time spotlight of a real element, tracking it through scroll and rotation, advancing by tap, always skippable.mobileinteractivetabletonboardingtourspotlight2 views · 6 downloadsCommentSheetComments in a sheet: threads, a reply bar above the keyboard, sort, and a count that stays right. A column at the side on a tablet.mobileinteractivecommentssheetkeyboardtablet2 views · 7 downloadsCompassDialA dial from the device's orientation with calibration advice, smoothed across north, and the permission iOS requires.mobileinteractivecompassheadingsensor2 views · 8 downloadsComposerBarA message box that grows to a limit, swaps send and voice, keeps attachments in a tray, rides above the keyboard and is safe to paste into.mobileinteractivechatkeyboardinputvoice3 views · 9 downloadsConfirmWithPinA step-up before something risky: what is about to happen, a PIN pad, tries counted, and a clock.mobileinteractivebankingpinsecuritytablet1 view · 5 downloadsConflictSheetThis device's version against the server's, chosen field by field, explained in plain words.mobileinteractiveofflinesyncsheettablet2 views · 6 downloadsContactListPeople grouped by letter with avatars from initials, fast search across names and numbers, a call and message action per row.mobileinteractivetabletlistsearchpeople3 views · 8 downloadsContextPreviewA long press lifts a card with the page blurred behind it, showing a preview and actions: slide to one and let go, or let go to close.mobileinteractivetabletlong-pressmenugesture3 views · 5 downloadsConversationListChats with unread counts, a muted state, pinned at the top, typing indicator, swipe to archive, and relative times from a prop.mobileinteractivetabletchatgestureswipe3 views · 6 downloadsDataSaverToggleA setting to keep lighter images and off autoplay, following the phone's save-data, with what it changes.mobileinteractiveofflinesettingsdatatablet4 views · 5 downloadsDateWheelsMonth, day and year wheels that keep each other valid, with limits, and a value in ISO.mobileinteractivedatepickerwheelforms2 views · 6 downloadsDefectReportSeverity, a location by a tap on the drawing with its grid square and room, photos, and a clear summary to send.mobileinteractivefielddrawingreporttablet4 views · 6 downloadsDevicePreviewA phone or tablet frame sized by model for showing a component, rotation, safe areas drawn, dark or light.mobileinteractivetabletpreviewframerotation2 views · 5 downloadsDocumentCapturePhotographs pages one by one, with reorder, drop, and a crop by four corners by finger that flattens the page, kept as a list of images.mobileinteractivecameradocumentscannerupload4 views · 6 downloadsDoubleTapLikeDouble tap a photo card to like it, a heart bursting at the finger, with a plain Like button as the equal.mobileinteractivegesturelikemediatablet3 views · 5 downloadsDownloadsListItems with size, progress, pause and retry, the storage used, and a Wi-Fi only setting that holds to the network.mobileinteractivemediadownloadsnetworktablet3 views · 5 downloadsDraftKeeperKeeps what was typed on this device through a reload and a crash, offers it back, and clears on send.mobileinteractiveofflineformsdrafttablet2 views · 7 downloadsDragBetweenPanesDrag an item from one pane to another by finger or pen, with a drop preview, a keyboard route and on_move.mobiletabletinteractivegesturedragpanes3 views · 5 downloadsDragReorderPut a list in order by long press and drag, scrolling at its edges, and by keys or buttons too.mobileinteractivegesturereorderlisttablet2 views · 7 downloadsEdgeDrawerA navigation drawer pulled from the screen's edge: follows the finger, snaps by speed, holds the focus, closes on Back; stands beside the content on a tablet.mobileinteractivetabletgesturenavigationmenu4 views · 7 downloadsErrorScreenA full screen for failure with the reason, retry, and offline told apart from server trouble.mobileinteractivetableterrorofflineretry3 views · 8 downloadsExpandingRowA row that opens in place with content pushed down smoothly, keeps only one open if asked, and scrolls itself into view.mobileinteractivetabletlistaccordiondisclosure4 views · 7 downloadsFilterChipsBarA sideways scroller of filter chips staying under the header, the active chip kept in view, a count of results, and clear.mobileinteractivetabletfilterchipssearch2 views · 6 downloadsFilterSheetFacets in a sheet, with result counts updating live, clear, apply, the count on the button, and a state kept for next time.mobileinteractivecommercesheetfiltertablet3 views · 5 downloadsFocusTimerSessions with a keep-awake, a streak, time that survives the background, and an end alert.mobileinteractivetimerdevicetablet3 views · 8 downloadsFolderBrowserFolders with breadcrumbs, a Back, and move and rename in sheets.mobileinteractivefilesnavigationtablet3 views · 6 downloadsForceUpdateCompares versions as numbers, shows a soft or a hard update screen, and the store's link by platform.mobileinteractivetabletupdateversionstore3 views · 6 downloadsFullscreenPickerA full-screen list to pick from, with search and a header with Done, that stays clear of the on-screen keyboard; on a tablet, a card.mobileinteractivetabletpickersearchselect2 views · 6 downloadsGalleryPickerPicks several photos through the system's picker, with thumbnails, an order, caps by count and size, HEIC refused with a reason, and previews freed after.mobileinteractivephotogalleryuploadforms2 views · 5 downloadsGeofenceStatusInside or outside of areas given as data, by real distance, with a band at each edge so that it does not flap, and poor fixes held.mobileinteractivetabletlocationgeofencegps3 views · 5 downloadsGestureTutorialTeaches a gesture with a looping hand over the real thing, checks it was done there, then does not come back.mobileinteractivegestureonboardingtutorial4 views · 7 downloadsHandwrittenNoteRuled pages for a pen: a finger scrolls and swipes, the pen writes, and each page exports.mobiletabletinteractivepennoteshandwriting4 views · 7 downloadsHapticButtonA button with the phone's own feel, falling back to vibrate and then to nothing, with nine named patterns.mobileinteractivehapticsvibratebutton2 views · 6 downloadsHoverCursorRowRows with the iPad pointer's lift on a trackpad or mouse, none on touch, and right-click menus.mobiletabletinteractivepointerlistcontext-menu3 views · 5 downloadsInAppBannerA notification-style banner sliding from the top: tap to open, swipe up to dismiss, a queue for several, held while touched.mobileinteractivenotificationbannergesture3 views · 5 downloadsInfiniteFeedA long feed that loads pages as you near the end: loading, retry on failure, end of list, keeps its place on return, and stays light by windowing.mobileinteractivetabletfeedlistvirtual3 views · 5 downloadsInspectionFormA checklist of pass, fail and N/A with big targets, a note and stamped photo needed on a fail, a score, and a draft kept.mobileinteractivechecklistofflineformtablet2 views · 5 downloadsInspectorPanelA right-hand panel of properties for the selected thing, in sections, live both ways, and a sheet on a phone.mobiletabletinteractivepanelpropertiessheet3 views · 5 downloadsKeepAwakeToggleHolds the screen on with the app or the Wake Lock, takes it again on coming back, and says when it was refused.mobileinteractivewake-lockscreenswitch2 views · 5 downloadsKeyboardAvoiderKeeps a focused field in view above the on-screen keyboard by visualViewport, on both systems, handing back on close.mobileinteractivekeyboardformslayout2 views · 6 downloadsKeyboardBarA bar that sits on top of the on-screen keyboard by visualViewport, with previous, next and done, moved with the keyboard on both systems.mobileinteractivekeyboardtoolbarforms3 views · 8 downloadsKeyboardHudHold a modifier on an attached keyboard to see the screen's shortcuts, found from data, conflicts reported, focus left alone.mobiletabletinteractivekeyboardshortcutshelp3 views · 7 downloadsKioskScreenA locked-down screen for a shared tablet: full screen, back to the start when idle, a hidden staff exit with a PIN.mobiletabletinteractivekioskfullscreenpin3 views · 6 downloadsLargeTitleBarAn iOS large title that shrinks into the bar as content scrolls, with back and action slots, tied to the scroller without jank.mobileinteractivetabletnavigationheaderscroll3 views · 6 downloadsLiveLocationFollows a position over time with a smoothed path, distance, speed and accuracy, and stops on leaving the screen.mobileinteractivelocationgpstracking2 views · 5 downloadsLocationButtonAsks for a place from the phone or the web, shows how close it is, and handles asking, refused, off and timed out, with a way to Settings.mobileinteractivelocationgpspermission2 views · 7 downloadsLongPressMenuA long press opens a menu at the finger, with a haptic, no text selected and no browser callout.mobileinteractivegesturemenulong-presstablet4 views · 5 downloadsMapSheetA list in a sheet over a Leaflet map, each synced to the other, pins and rows, with the sheet dragged down to see more of the map; on a tablet, a list beside it.mobileinteractivetabletmapsheetgesture4 views · 5 downloadsMarkupOverlayAnnotate an image or a page with pen, highlighter, text and arrows, with undo, kept as data apart from it.mobiletabletinteractivepenannotatemarkup4 views · 5 downloadsMentionTrayTyping @ opens a tray of people above the keyboard, fuzzy-ranked and placed at the cursor, and the name goes in as one thing.mobileinteractivementionkeyboardchatfuzzy3 views · 6 downloadsMeterReadingA round of meter readings on a big keypad, each checked against the last value and a sane range, with a photo on anything odd.mobileinteractivefieldkeypadglovestablet4 views · 6 downloadsMiniPlayerA bar above the tabs with progress and play, expanding to the full player by a swipe up.mobileinteractivemediaplayeraudiotablet2 views · 5 downloadsNavRailA Material navigation rail for medium widths, with a menu, a floating action and badges, turning into a bottom bar on a phone.mobiletabletinteractivenavigationrailbar2 views · 7 downloadsNavStackA stack of screens pushed and popped with a slide, each keeping its state and scroll, with a real Back through the browser's history; a column beside the rest on a tablet.mobileinteractivetabletnavigationhistorygesture2 views · 6 downloadsNearbyListPlaces by real distance from a position, in km or miles, with walking time, sorted live as the position moves, and open now from their hours.mobileinteractivetabletlocationmaplist2 views · 6 downloadsNetworkStatusConnection type, offline and save-data, with a reading of whether the link is slow, updated live, and a stated limit where the phone does not say.mobileinteractivenetworkofflinesave-data3 views · 5 downloadsNoteEditorA note with a toolbar on the keyboard, autosave, checklists and Markdown shortcuts.mobileinteractivenoteskeyboardmarkdowntablet2 views · 7 downloadsNotifyPromptExplains why, then asks for notifications, handles refused and never-asked, and shows a way to Settings.mobileinteractivenotificationspermission3 views · 5 downloadsNowPlayingA full player with art, scrub, queue, speed and a sleep timer, tied to the media session.mobileinteractivemediaplayeraudiotablet2 views · 5 downloadsNumberPadAn on-screen number pad with a decimal and delete, a hold to delete fast and a haptic, for where the system keyboard is wrong.mobileinteractivekeypadnumberinputforms5 views · 7 downloadsOfflineQueueHolds actions made offline, shows them as pending, sends them in order on return, with failure and retry for each.mobileinteractiveofflinequeuesynctablet5 views · 8 downloadsOneTimeCodeA code field using the system's autofill, pasted whole, in separate boxes with correct deletion, an auto-submit and a resend countdown.mobileinteractiveotpcodesign-informs2 views · 6 downloadsPageDotsPage dots that follow a swipe or a scroller, shrinking the distant ones when there are many, and told to screen readers.mobileinteractivetabletpaginationindicatorswipe3 views · 6 downloadsPayCodeA QR or code to pay with, refreshing on a timer, screen brightness up while shown, locked until confirmed.mobileinteractivecommercepaymentqr2 views · 6 downloadsPaywallSheetPlans with a recommended one, the price per month and per year worked out, restore, terms and honest trial wording.mobileinteractivetabletpaywallsubscriptionpricing2 views · 8 downloadsPeekSheetA sheet that stays over a map or page and grows with a drag, with what is behind it still in use; on a tablet, a card down the side.mobileinteractivetabletsheetmapgesture3 views · 8 downloadsPendingUploadsA queue of files with progress, pause, retry and a wifi-only rule, surviving a reload as far as a browser can.mobileinteractiveofflineuploadfilestablet3 views · 5 downloadsPermissionChecklistCamera, location, notifications and the like, each with its reason, a live state, and a route to Settings.mobileinteractivetabletpermissionsonboardingdevice3 views · 5 downloadsPhoneShellThe whole app frame: header, scroller, tab bar, safe areas and keyboard handled once, for one fixed-height screen that does not bounce.mobileinteractivetabletlayoutapp-shelltabs2 views · 6 downloadsPhoneSignInSign in with a phone number: country, formatting, a code with autofill, resend, and every failure a person can reach.mobileinteractivetabletsign-inotpforms3 views · 6 downloadsPhotoCaptureTakes a photo through the phone's camera, with preview and retake, made smaller on the phone and upright by its EXIF, as a real file in a form.mobileinteractivecameraphotouploadforms3 views · 5 downloadsPhotoEditorRotates, crops with handles, changes the light and straightens by finger in a canvas, with undo, and gives back the image as a file.mobileinteractivephotoeditorimageforms2 views · 7 downloadsPhotoEvidencePhotos stamped with the time and place into the picture, with counts of what is still needed, tags, and a queue for when there is no connection.mobileinteractivecameraofflinefieldtablet2 views · 5 downloadsPhotoGridSelectA tight square grid of photos with a run of the finger to pick many, a count, and month headers.mobileinteractivephotosgridselectiontablet2 views · 5 downloadsPickListLines in walking order, confirmed by a scan or a tap, shorts recorded with a reason, progress, and big targets for gloves.mobileinteractivebarcodewarehouseglovestablet4 views · 8 downloadsPinDropperA fixed centre pin with the map moving under it: gives the coordinates and calls on_pick, with arrow keys and buttons as equals of the drag.mobileinteractivetabletmaplocationgesture3 views · 6 downloadsPinPadA passcode keypad with dots, a shake on a wrong entry, a lock-out with a countdown, the code never kept in the page's text.mobileinteractivepasscodekeypadsecuritylock3 views · 6 downloadsPinchZoomImagePinch and double tap to zoom an image, pan to its edges, with a rubber band at the limits and zoom buttons as well.mobileinteractivegesturepinchimagetablet2 views · 7 downloadsPodcastQueueEpisodes reordered by a grip, with played state, resume position, downloads and the time remaining.mobileinteractivemediapodcastreordertablet1 view · 6 downloadsPosRegisterA tablet till: a product grid, ticket, quantity and discount, cash and card, in decimals, keeping the sale through a reload.mobiletabletinteractivetillcommercedecimal2 views · 9 downloadsProfileScreenA cover collapsing as you scroll, with stats and sticky tabs over one shared scroller. Two columns on a tablet.mobileinteractiveprofiletabsscrolltablet2 views · 6 downloadsProfileSetupA few steps after sign-up with a skip: keeps progress, a photo, a name, and ends with what was left undone.mobileinteractivetabletonboardingprofileforms2 views · 6 downloadsProofOfDeliveryWho took it, a signature, a photo and the place in one flow, each required by a rule, ending in a receipt.mobileinteractivesignaturelocationdeliverytablet2 views · 4 downloadsPullDownMenuA menu pulled out of a header by a finger, chosen by sliding to an item and letting go, or by its button; on a tablet, a small menu at the end of the header.mobileinteractivetabletmenugesture5 views · 5 downloadsPullToRefreshPull a list down from its top to refresh, with resistance, a spinner, and success and failure states.mobileinteractivegesturerefreshscrolllist3 views · 8 downloadsQrPayCardA code to be paid, with the amount, a timer, a way to share it, and what became of it.mobileinteractivebankingqrsharetablet2 views · 6 downloadsQrScannerScans a QR code with the camera by BarcodeDetector where present, with a viewfinder, a torch and entry by hand where not.mobileinteractivecameraqrscanner3 views · 7 downloadsQuickAddBarType a line and it finds the date, list and priority in the words, marked as you go.mobileinteractivetasksdateskeyboardtablet3 views · 7 downloadsQuickSettingsGridSettings as big tiles: tap to turn, long press for details, kept as data, and a way to put them in another order.mobileinteractivesettingsgesturetoggletablet3 views · 5 downloadsQuickTransferRecent people in a row, a keypad amount checked against every limit, and a slide to send.mobileinteractivebankingkeypadtransfertablet2 views · 7 downloadsRatePromptAsks for a rating only after real use, with limits on how often, and a route to send a problem instead.mobileinteractivetabletratingfeedbackstore2 views · 6 downloadsReactionBarA long press raises a bar of reactions to slide along and pick from, one for each person, with counts, and a route for keys.mobileinteractivechatreactionsgestureemoji2 views · 7 downloadsReceiptShareA receipt drawn as a picture for the share sheet, the numbers the same as on screen, falling back to text.mobileinteractivebankingreceiptsharetablet2 views · 5 downloadsReminderPickerToday, tomorrow, next week or custom, repeating, with a plain sentence of what was set.mobileinteractivedatestasksformtablet2 views · 7 downloadsResponsiveSplitMaster and detail as one stack on a phone and side by side on a tablet, changing live on rotation and keeping the selection.mobileinteractivetabletlayoutmaster-detailrotation2 views · 5 downloadsResumeRefreshRefreshes data on coming back after a time, skipped if recent, keeps the place, and shows a small notice.mobileinteractiveofflinerefreshresumetablet3 views · 5 downloadsRetryBannerFailed loads with a back-off shown as a countdown, a Try now, cleared on success.mobileinteractiveofflineretryfeedbacktablet3 views · 6 downloadsRotationLayoutTwo arrangements of one set of children, upright and turned: no flash, and focus and scroll kept across the turn.mobiletabletinteractivelayoutrotationorientation3 views · 6 downloadsRouteStepsTurn-by-turn steps with the current one large, progress, distance left and an ETA from data, moved along by a position, a swipe, buttons or keys.mobileinteractivetabletnavigationmapgesture2 views · 7 downloadsSafeAreaPads content for notches and home bars by env(), per side, with a view of the insets under a debug prop.mobileinteractivelayoutnotchtablet4 views · 7 downloadsScanCountCount stock by scanning: expected against counted, overs and unders, undo, works with no connection, by camera, photo, keyboard or a device's own scanner.mobileinteractivebarcodestockofflinetablet3 views · 8 downloadsScanToAddScan a product's code to add it to a list, by the camera, a photo or typing, with a beep, a haptic and a count of repeats.mobileinteractivecamerabarcodecommercetablet3 views · 7 downloadsScrubBarA seek bar with a large touch area, fine scrubbing by moving a finger away from it, and a time bubble.mobileinteractivemediaseekaudiovideo4 views · 7 downloadsSearchHeaderA header whose search field opens in place with Cancel, recent searches and your results; the keyboard stays up through them; a dropdown panel on a tablet.mobileinteractivetabletsearchheaderkeyboard3 views · 5 downloadsSeatPickerSheetPick seats in a sheet by zoom and tap, with fares, who sits beside you, seats found together and accessible seats.mobileinteractivetablettravelseatsgesture3 views · 5 downloadsSelectionModeLong press starts selecting, tap adds, a toolbar shows the count and actions, and back leaves the mode.mobileinteractivetabletlistgestureselection4 views · 6 downloadsSendMoneyFlowPayee, amount, note and a last look, keeping what was typed on back, with every limit stated and a receipt.mobileinteractivebankingtransferformtablet2 views · 6 downloadsSettingsListRows of toggles, values and links from data, with a search across them, and on_change(key, value).mobileinteractivetabletsettingssearchform3 views · 6 downloadsShakeDetectorDetects a shake from motion with a threshold, the iOS permission and a debounce, with a button as its equal.mobileinteractiveshakemotionsensor4 views · 7 downloadsSheetSelectA select that opens as a bottom sheet, with search past a size, multi-select with Done, and a real field in a form.mobileinteractiveselectsheetpickerforms2 views · 8 downloadsShiftClockPunch in and out with a check of the place, breaks and today's hours, safe from double taps and with no connection.mobileinteractivelocationtimeofflinetablet3 views · 8 downloadsShortVideoFeedVertical swipes of clips: one plays at a time, the next loads ahead, sound behaves, and a refused autoplay shows a button.mobileinteractivemediavideofeedtablet4 views · 4 downloadsSizeClassViewTells compact, medium and expanded widths by its own box, so Split View, Slide Over and a turn are one case, and swaps slots without losing what is in them.mobiletabletinteractivelayoutresponsivepanes1 view · 5 downloadsSleepChartStages through a night as a chart read by finger, with totals, right across midnight and a change of the clocks.mobileinteractivehealthchartgesturetablet4 views · 8 downloadsSleepTimerSheetStops playing after a set time, with a fade at the end and an extend while it runs.mobileinteractivemediatimersheetaudio3 views · 8 downloadsSlideOverA floating panel that slides over from either edge and stays while the page behind stays usable, moved between edges by drag.mobiletabletinteractivepaneloverlaydrag4 views · 7 downloadsSlideToConfirmDrag a thumb across to confirm something serious, with keys, and a hold for screen readers.mobileinteractivegestureconfirmslider2 views · 5 downloadsSnapCarouselProduct pictures snapped by CSS with dots and a count, a tap opening a viewer to zoom, keeping its place, working without script.mobileinteractivecommercecarouselzoomtablet3 views · 6 downloadsSpendingRingSpending by category as a ring with a tap for each, and the month so far against last month.mobileinteractivebankingchartbudgettablet3 views · 6 downloadsSpiritLevelA bubble level from the device's motion, with a zero, a haptic when level, and a message where there is no sensor.mobileinteractivelevelmotionsensor4 views · 7 downloadsSplashScreenHolds the app's mark until ready, without a white flash, in both themes, and yields quickly.mobileinteractivetabletsplashstartuptheme3 views · 6 downloadsSplitViewTwo or three panes with a divider to drag, which give way by width, with the selection kept across a turn and a keyboard route for the divider.mobiletabletinteractivelayoutpanesresize3 views · 7 downloadsStackedModalModals over modals with the page behind scaled back as cards, dragged down one at a time; on a tablet, cards in the middle of the screen.mobileinteractivetabletmodalstackgesture4 views · 5 downloadsStatusTintSets theme-color for the browser's bar by the page and theme, restored on leaving.mobileinteractivethemestatus-barbrowser3 views · 6 downloadsStepperRowMinus and plus in a row, a hold to repeat and accelerate, typed values, limits, min and max stated to screen readers.mobileinteractivesteppernumberinputforms3 views · 7 downloadsStickyBuyBarPrice and Buy stuck above the safe area once the page's button scrolls away, hiding near the on-screen keyboard.mobileinteractivecommercestickybuy3 views · 5 downloadsStickySectionFeedSections whose header sticks and is replaced by the next as you scroll, with a date-style floating label, and jump to today.mobileinteractivetabletfeeddatelist3 views · 5 downloadsStorageMeterSpace used by the app from navigator.storage, by kind, and a clear with a confirm.mobileinteractiveofflinestoragesettingstablet3 views · 6 downloadsStoryCaptureA stories camera: hold to record, tap for a photo, with a progress ring, a switch of camera, and a screen for a refused permission.mobileinteractivecameravideophotostories2 views · 6 downloadsStoryViewerStories with segmented progress: hold to pause, tap to go on or back, swipe down to leave, with the next ones fetched ahead.mobileinteractivestoriesgesturemediatablet3 views · 7 downloadsStylusCanvasDraw with a pen by pressure and tilt, palm rejected, with undo, eraser, zoom, and an image or strokes out.mobiletabletinteractivependrawinggesture3 views · 4 downloadsSwipeBackPull a screen away from the left edge to go back, with the previous one peeking behind; a Back button for everyone else.mobileinteractivegesturenavigationback3 views · 7 downloadsSwipeDeckA stack of cards flung left or right with a turn of the wrist, undo, and buttons that do the same.mobileinteractivegestureswipecardstablet3 views · 9 downloadsSwipeDismissListSwipe rows away, the rest closing up, with undo in batches that come back in order.mobileinteractivegestureswipeundotablet3 views · 5 downloadsSwipeKanbanColumns swiped by page, cards moved to a neighbour by drag near the edge, or from a menu.mobileinteractivegesturekanbandragtablet2 views · 5 downloadsSwipeReplyDrag a message sideways to quote it in the reply, with a tap felt at the threshold, and a menu that does the same.mobileinteractivechatswipereplygesture3 views · 6 downloadsSwipeRowA list row with actions behind it each way, a full swipe to run one, and a More button and keys to the same actions.mobileinteractivegestureswipelisttablet2 views · 8 downloadsSwipeTabsPages swiped sideways in step with their tab strip, the line under the tabs tracking the finger, pages built when reached; tapping and keys do the same.mobileinteractivetablettabsswipegesture3 views · 7 downloadsSwipeToastA toast sent away by a sideways swipe, with Undo, stacked and timed, standing above the tab bar and the on-screen keyboard.mobileinteractivetoastundogesture3 views · 6 downloadsSwipeViewerPhotos swiped sideways, pulled down to close and zoomed, the next ones loaded ahead and the place kept.mobileinteractivephotosviewerzoomtablet3 views · 7 downloadsSyncStatusBarSaved, syncing, offline or failed, with last-synced as relative time from a prop, and a retry.mobileinteractiveofflinesyncstatustablet4 views · 6 downloadsSyncedLyricsLines lit by time, a tap to seek, and the lit line kept centred without jumps.mobileinteractivemedialyricsmusictablet4 views · 7 downloadsTableFloorPlanRestaurant tables on a floor plan with status, moved in an edit mode, tapped to open a check, scaled to fit either way up.mobiletabletinteractiverestaurantfloor-plangesture2 views · 5 downloadsTabletSidebarA sidebar that folds to icons, then to an overlay, by width class, with sections, badges and a pin kept per device.mobiletabletinteractivenavigationsidebarlayout2 views · 3 downloadsTabletToolbarA top toolbar whose groups overflow into a menu as width shrinks, customisable, with popovers anchored to their buttons.mobiletabletinteractivetoolbaroverflowpopover2 views · 7 downloadsTaskRowA task with a round check, swipes for its due day and delete, subtasks, and a smooth move when finished.mobileinteractivegestureswipetaskstablet3 views · 6 downloadsTextSizeSettingA text-size slider with a preview and the page following, respecting the system.mobileinteractivetabletsettingsaccessibilityslider2 views · 5 downloadsThemeSheetLight, dark, system and accent in a sheet, with a live preview, kept, and no flash next time.mobileinteractivetabletthemesettingsdark-mode2 views · 7 downloadsThreeColumnViewMail's sidebar, list and detail: columns hide in order as width shrinks, a Back appears when they do, and the open item survives every change.mobiletabletinteractivelayoutmailcolumns4 views · 6 downloadsTicketWalletTickets stacked by date with past ones kept apart, each code at full size and full brightness, and ready with no network.mobileinteractivetabletticketwalletqr3 views · 5 downloadsTimeWheelsHour, minute and AM/PM wheels with steps, a 24-hour mode by locale, and limits across midnight.mobileinteractivetimepickerwheelforms3 views · 10 downloadsTopAppBarA Material top bar that hides as content scrolls down, returns on the way up, and takes a tint once content passes under it.mobileinteractivetabletnavigationheaderscroll3 views · 7 downloadsTorchToggleTurns the camera's light on through a track's constraints where the phone allows, says so where it does not, and turns off on leaving.mobileinteractivecameratorchflashlight2 views · 7 downloadsTouchChartA line chart read by finger with a crosshair and value, pinched to a range, with buttons, keys and a table to the same places.mobileinteractivechartgesturepinchtablet3 views · 6 downloadsTransactionFeedMoney in and out, grouped by day, pending first, searchable, a category on each row, and the details in a sheet.mobileinteractivebankingsearchsheettablet2 views · 6 downloadsTransitBoardDepartures from a stop as a live list from data: minutes away, delays, platforms, cancelled services, and a warning when the data has gone stale.mobileinteractivetablettransittravellive2 views · 6 downloadsTripTimelineThe legs of a trip through time zones, each in local time, with the next one highlighted, waits between legs, and when clocks and days change.mobileinteractivetablettraveltimelinetime-zones2 views · 6 downloadsUnreadMarkerA new-messages line that stays in place, a jump button with a count, and messages marked read as they are seen.mobileinteractivechatunreadmessagesscroll2 views · 5 downloadsUpdatePromptNotices a new version of the program, offers a reload at a good moment, without losing input.mobileinteractiveofflineupdatereloadtablet2 views · 7 downloadsVariantSheetPick size and colour in a sheet, with stock by combination and each unavailable option marked with its reason.mobileinteractivecommercesheetstocktablet3 views · 6 downloadsVideoCaptureRecords a short clip through the camera with a limit and a timer ring, shows it before it is accepted, and falls back to the system's camera where recording is refused.mobileinteractivecameravideouploadforms2 views · 5 downloadsVoiceMessageA voice message with its waveform to scrub, speed, whether it was heard, and only one playing at a time.mobileinteractivechataudiovoiceplayer1 view · 7 downloadsVoiceNoteListRecordings with titles, duration, a scrub bar for the finger, and a place for the transcript.mobileinteractiveaudionotesgesturetablet3 views · 6 downloadsVoiceRecorderRecords from the microphone with a live level, pause, playback and a limit, says so when refused, and leaves a real file in a form.mobileinteractiveaudiovoiceuploadforms3 views · 5 downloadsWalletCardA stack of cards pulled apart by tap, with the chosen card lifted, and its number hidden until asked.mobileinteractivefinancecardswallettablet2 views · 7 downloadsWaterTrackerTap a glass to add what was drunk, with undo, a goal and a day that starts empty at the phone's own midnight.mobileinteractivehealthtrackerhapticstablet2 views · 7 downloadsWaveformViewDraws an audio file's waveform on the phone, with scrubbing by finger, a current-time line, and a reduced-motion form.mobileinteractiveaudiowaveformplayer4 views · 7 downloadsWeekStripDays in a swiped strip with dots for what is on them, today, and a jump to any day.mobileinteractivegesturecalendarswipetablet2 views · 8 downloadsWeightTrendA smoothed trend over noisy weigh-ins, in kg or lb, with a goal line, read by finger, and holes left as holes.mobileinteractivehealthchartgesturetablet3 views · 5 downloadsWelcomeCarouselFirst-run pages swiped by finger with dots, Skip, Get started on the last page, shown once.mobileinteractivetabletonboardingfirst-runswipe3 views · 6 downloadsWhatsNewSheetNew features since the version a person last saw, from a list, shown once per version.mobileinteractivetabletupdateversiononboarding3 views · 6 downloadsWheelPickerA drum wheel of options scrolled by finger, with the system's momentum, snapping on a row, and a real select underneath.mobileinteractivepickerwheelselectforms2 views · 5 downloadsWidgetGridA home screen of tiles of different sizes, rearranged by long press, with a keyboard and button route, and kept as a list of data.mobileinteractivedashboardgesturedragtablet3 views · 6 downloadsWorkOrderCardA job with status, priority, parts and steps, moved along with big buttons for gloves, that cannot be finished with required steps left.mobileinteractivefieldjobglovestablet3 views · 6 downloadsWorkoutTimerIntervals of work and rest with a large countdown, felt as well as seen, the screen kept on, and time that stays right when the screen sleeps.mobileinteractivetimerhealthhapticstablet3 views · 6 downloads

Utilities 18

AdaptiveQuizA quiz whose next question depends on the last answer, with an estimated level and confidence, an explanation for each answer, and no repeats.smartinteractivequizeducationassessmentquestions2 views · 5 downloadsConfettiA burst of confetti over the page on a canvas, fired by a button, on mount, or by confetti_fire().utilityanimationbuttoninteractive6 views · 10 downloadsDraggableA box dragged anywhere in its container with the pointer or the arrow keys, kept inside it, with on_move(x, y).utilitydragkeyboardinteractive8 views · 7 downloadsGradeCalculatorWorks out a weighted current grade from the marks so far, and the mark needed on what is left to reach each target, or that it is out of reach.smartinteractiveeducationgradescalculatorforms2 views · 7 downloadsHttpRequestBuilderBuilds an HTTP request as curl, fetch and HTTPie with correct shell escaping, warns on a body on GET and a missing content type, and hides secrets until asked.smartinteractivehttpdevelopercurlapi3 views · 5 downloadsIdleTimerCalls on_idle() after a time without mouse, key, touch or scroll, with a warning dialog and a Stay button first.utilitytimesecuritydialoginteractive6 views · 7 downloadsInfiniteScrollCalls on_more() when the end of its list scrolls into view, with Loading more… and That's all states and a Load more button.utilitylistloadingdatainteractive6 views · 10 downloadsJsonFormatterFormats, minifies and sorts JSON, keeps numbers exactly, names the line and column of an error, and repairs trailing commas and single quotes.smartinteractivejsondeveloperformattervalidate3 views · 5 downloadsJwtInspectorDecodes a JSON Web Token locally, reads its dates relative to now, warns on alg none and a missing exp, and says the signature was not verified.smartinteractivejwtsecuritydeveloperdecode3 views · 7 downloadsKeyboardShortcutsBinds key combinations such as ⌘S or ? to functions on the page, leaving text boxes alone, and lists them.utilitykeyboardaccessibilityinteractive6 views · 8 downloadsLazyLoadPuts its content on the page only once it is scrolled near, holding its height until then.utilityloadingmediapageinteractive6 views · 7 downloadsLiveAnnouncerA hidden aria-live region the page writes messages to with live_announcer_say(), politely or at once.utilityaccessibilitynotificationinteractive6 views · 6 downloadsOfflineBannerA banner across the top of the page for as long as the browser is offline, gone by itself when the connection is back.utilitynotificationstatusinteractive5 views · 5 downloadsRecipeScalerScales a recipe to any number of servings: reads fractions and ranges, moves to the next unit, and rounds to what a kitchen can measure, in metric or US.smartinteractiverecipecookingcalculatorunits2 views · 7 downloadsScrollProgressA thin bar along the top of the window, or of a scrolling box, that fills as it is scrolled.utilityprogresspageinteractive7 views · 7 downloadsTranslationCheckerSource and translated strings side by side: missing, unchanged and overlong strings, mismatched placeholders, HTML tags and spaces, and each language's completeness.smartinteractivei18ntranslationlocalizationcheck2 views · 7 downloadsUnitConverterConverts length, mass, volume, area, speed, temperature, data and time with exact decimal factors, either way as you type, and shows the formula.smartinteractiveconverterunitscalculatortemperature3 views · 6 downloadsUrlInspectorSplits a URL into parts with a query table to edit, encodes on rebuild, flags tracking and double encoding, and shows punycode.smartinteractiveurldeveloperencodingtracking3 views · 5 downloads

Other tags

interactive504no-js370mobile211forms176tablet151data128smart100list84chart80commerce68input64navigation63layout59card57finance52gesture48media44dashboard42text39button38feedback38keyboard37social37marketing36table34typography32search31status31user31document30image28picker28link26page26time26banking25calendar24overlay24select24progress23trading22calculator21schedule21travel20grid19settings19menu18news18security18utility18offline17price17blogging16dialog16sheet16swipe15accessibility14drag14notification14tabs14upload14chat13checkout13filter13popover13file12loans12section12audio11loading11profile11coop10forex10icon10code9article8camera8developer8flights8form8print8record8validation8comment7location7onboarding7pricing7video7cart6json6theme6animation5barcode5field5health5keypad5map5planning5qr5scroll5sort5admin4analytics4clock4dates4editor4feed4header4live4notes4parser4photo4player4seo4share4statistics4subscription4toast4analysis3banner3billing3budget3checklist3compare3date3election3games3gloves3gps3haptics3monitoring3number3panes3payment3pen3rotation3sensor3sync3tasks3timeline3timer3toolbar3tracking3undo3units3update3url3voice3wheel3wizard3writing3alerts2balance2capacity2cards2colour2columns2csv2currency2dedupe2device2discount2draft2drawing2education2email2experiment2feeds2files2forecast2fuzzy2help2history2hotels2links2long-press2meetings2merge2messages2money2motion2network2otp2panel2payments2permission2permissions2photos2pin2pinch2query2questions2quiz2rating2reactions2refresh2reorder2report2responsive2retry2scanner2selection2shipping2sign-in2slider2split2stock2storage2store2stories2summary2svg2tax2ticket2till2timezone2tracker2transfer2version2wallet2zoom2accordion1activities1ads1agenda1aggregate1agile1alert1amount1annotate1anomaly1api1app-shell1approval1archive1assessment1audit1autosave1availability1back1backlog1backtest1badge1bank1bar1battery1bibliography1bill1bills1book1bracket1branching1browser1builder1bulk1bundle1business1buy1byline1campaign1carousel1cars1cash1change1changes1check1chips1citation1cleaning1clipboard1cloud1cohort1combobox1comments1compass1conditional1configurator1confirm1conflicts1contact1context-menu1contrast1conversion1converter1cooking1copy1cost1coupon1cron1curl1dark-mode1deadline1debt1decimal1decision1decode1delivery1dependencies1design1detents1diff1disclosure1documents1downloads1dst1duplicates1edit1emoji1empty1encoding1entropy1envelopes1error1event1expenses1explorer1export1fab1faq1fashion1first-run1fit1fixtures1flashcards1flashlight1flesch1floor-plan1formatter1formula1frame1fullscreen1funnel1gallery1game1generator1geofence1goals1grades1grammar1group1groups1guard1handwriting1haptic1heading1headline1heatmap1hours1http1i18n1iban1import1income1indicator1inference1insights1interest1invoice1ios1isbn1job1jsonpath1jwt1kanban1keywords1kiosk1league1learning1level1like1lint1loan1localization1lock1logs1lyrics1mail1margin1markdown1markup1master-detail1matching1memory1mention1modal1mortgage1music1natural1notch1notice1notifications1options1order1orientation1outlier1overflow1overtime1packing1pagination1passcode1password1paste1pattern1payoff1payroll1paywall1people1plans1podcast1pointer1policy1poll1power1preview1profiling1projects1properties1publishing1quality1queue1rail1ranked1ranking1readability1reader1receipt1recipe1recommendations1records1reference1refinance1regex1register1regression1reliability1reload1reply1resize1resources1restaurant1resume1retention1revision1rewards1rings1risk1roles1roster1rota1rules1salary1save-data1savings1schema1screen1seats1seeds1seek1series1shake1shortcuts1sidebar1signature1signup1sizing1slo1slug1splash1sports1spotlight1spreadsheet1sql1stack1staff1standings1startup1status-bar1stepper1steps1sticky1streaks1study1style1subscribe1subtotals1support1survey1switch1tags1team1teams1temperature1template1time-zones1tip1tldr1toggle1torch1tour1tournament1transit1translation1tree1trend1tutorial1typo1unread1unsaved1username1validate1vibrate1viewer1virtual1visualisation1vote1voting1wake-lock1warehouse1waveform1wcag1weather1weight1weights1widget1world1