Forms 1
Feedback 1
Navigation 1
Data 43
ActivityFeedA stream of what people did, with their pictures, an icon for each kind of action, when, quotes and day headings.5 views · 7 downloadsAuditLogWho did what to what and when, newest first, filtered by person and action, searched, and paged.5 views · 7 downloadsBarcodeA Code 128 barcode drawn as SVG from text, switching to the compact digit set for long numbers, with the text under it.4 views · 9 downloadsChangelogReleases with version, date and label, their changes grouped by kind: Added, Changed, Fixed, Security and the rest.6 views · 7 downloadsComparisonTableFeatures down the side and options across, with ticks, crosses and values in the cells, and one option picked out.5 views · 6 downloadsCsvTableA table made from CSV text, with quoted fields, a header row, numbers lined up on the right and a row limit.6 views · 7 downloadsDataGridSort, search, filter by a column's values, pick rows and page through them, in one table.5 views · 8 downloadsDataListRecords as rows with a title, a line of facts, a status badge and actions as links or buttons.6 views · 8 downloadsDataTableRows of data sorted by their headers, with search, pages, number, money, percent and date columns.5 views · 9 downloadsDescriptionListTerms and their details, stacked or in two columns that stack on phones, on a real <dl>.5 views · 7 downloadsDiffViewThe lines added and removed between two texts, unified or side by side, with line numbers.7 views · 5 downloadsEditableTableA grid edited in place: text, number, select, checkbox and date cells, checked, sorted, with rows added and deleted.7 views · 5 downloadsExpandableTableRows with a button that opens a panel of details under them: labelled fields, a note, or your own markup.5 views · 6 downloadsFileListFiles as a table or a grid, with kind icons, sizes and dates, sorted, picked, downloaded or deleted.7 views · 6 downloadsGroupedTableRows under a heading per group, with a subtotal row after each group and a grand total, from a flat list.6 views · 6 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.8 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.9 views · 7 downloadsJsonViewerA map or list as collapsible JSON, coloured by type, with sizes, expand all and the path of any value.7 views · 7 downloadsKanbanBoardColumns of cards moved by dragging, by keyboard (Space, the arrows, Space) or with each card's arrows.9 views · 6 downloadsKpiCardA number with its label, the change since last period coloured by whether that is good, and a small trend as a line or bars.7 views · 7 downloadsLeaderboardPeople ranked by score with medals for the top three, shared places for ties, and your own row kept in view.7 views · 7 downloadsListGroupA bordered list of items with descriptions, badges and notes, as links, buttons or text, one active and some disabled.7 views · 6 downloadsLogViewerLog lines with each level in its colour, buttons to show or hide levels, a search that marks matches, wrapping and following the end.8 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.7 views · 7 downloadsMetricTrendA value with an up or down arrow and its change, coloured by whether the move is good; it can work the percentage out.7 views · 6 downloadsPivotTableFlat records turned sideways: rows by one field, columns by another, each cell the sum, count or average of a third, with totals.7 views · 7 downloadsPriceBreakdownWhat a price is made of, a line each (a discount in green), and the total.6 views · 4 downloadsProgressListItems each with a label, a bar and its value or percentage, marked in red when one goes over its limit.6 views · 4 downloadsPropertyGridGrouped name and value rows that fold, each value edited by the control its type asks for, with changes marked and undone.7 views · 5 downloadsQrCodeA QR code drawn as SVG by an encoder written in Quillo: any text as UTF-8, level M, versions 1 to 10, the same on the server and in the browser.10 views · 8 downloadsRankingListA ranked list with how each item moved since last time: up, down, the same or new, said in words to screen readers.7 views · 6 downloadsRatingSummaryThe average rating out of 5, how many ratings, and a bar per star count, each a filter button or link if you like.6 views · 5 downloadsRecordCardA record's fields as labelled values in a card, with a title, status, formatted values and actions in a footer.7 views · 4 downloadsScorecardA score out of a maximum as a filled ring, with a letter grade, a verdict and the parts it is made of.8 views · 5 downloadsSelectableTableRows with checkboxes, a select-all that shows when only some are checked, a count of the selected, and hidden inputs for a form.7 views · 6 downloadsStatA KPI tile: a label, a value, how it changed (coloured by whether that is good), and a tiny trend line.6 views · 5 downloadsStatGroupSeveral numbers that matter in one bordered row, each with its change coloured by whether that is good.7 views · 7 downloadsTagCloudTags sized and shaded by how much each is used, as links or text, in name or weight order, on a linear or log scale.6 views · 4 downloadsTerminalOutputA terminal-like window with a title, commands after a prompt and their output, errors in red, for docs and tutorials.7 views · 6 downloadsTimelineWhat happened, in order, down a line of coloured dots, as an <ol> with <time> elements.6 views · 7 downloadsTreeTableRows that open to show the rows under them, indented by depth, with the arrow keys as an ARIA treegrid.6 views · 8 downloadsVirtualListA list of thousands of items that stays fast by drawing only those in view, with keyboard picking.6 views · 7 downloadsVirtualTableA table of thousands of rows that draws only those in view, sorted and searched across all of them.6 views · 7 downloads
Charts 66
AreaChartFilled areas for one or more series, overlapping or stacked into a total, with a hover crosshair listing every value.6 views · 8 downloadsBarChartBars up or across, one series or several grouped or stacked, on round ticks, with values on hover and a table for screen readers.7 views · 7 downloadsBollingerChartPrices with Bollinger bands of a period and a number of deviations, closes outside them marked, as a line or candles.7 views · 5 downloadsBoxPlotQuartiles, median, whiskers and outliers for each group, worked out from the raw values, with the five numbers on hover.5 views · 7 downloadsBrushChartA large chart of a range with an overview below, where a window dragged or moved by keys picks the range shown.6 views · 5 downloadsBubbleChartPoints placed by two numbers and sized by a third, in coloured groups, labelled when big enough, with all three numbers on hover.7 views · 8 downloadsBulletChartMeasures as thin bars against a target mark over grey bands from poor to good, a row each, with the band named on hover.5 views · 7 downloadsBumpChartRankings over time as curved lines between numbered places, from places or from values, with each line picked out on hover.6 views · 6 downloadsCalendarHeatmapA year of daily counts as weeks of shaded days, with month names, a less-to-more legend and each day named on hover.6 views · 6 downloadsCandlestickChartOHLC candles, green up and red down, with a volume pane, a date axis, moving averages and the details of each candle on hover.5 views · 7 downloadsChartAdvisorLooks at rows, picks a chart by the shape of the data, says why, lets the reader switch, and draws it as SVG.4 views · 5 downloadsChordDiagramFlows between groups around a circle, an arc per group and a ribbon per pair, with a group's ribbons kept on hover.6 views · 9 downloadsComboChartBars on a left axis and lines on a right axis over the same labels, for two measures of different size, with every value on hover.6 views · 6 downloadsDepthChartAn order book's bids and asks as stepped areas of the size waiting at each price or better, around the mid price, with the spread.5 views · 7 downloadsDonutChartThe parts of a whole as a ring or a pie, the total in the middle, and a legend with values and shares; hovering picks a part out.5 views · 7 downloadsDotPlotValues as dots along one axis per row; with two or more series joined as a dumbbell, sorted by change if asked, with the change on hover.6 views · 7 downloadsFunnelChartStages of a process narrowing like a funnel, each with its count and share of the first, and the share that went on between them.5 views · 7 downloadsGanttChartTasks as bars over dates, filled by progress, in groups with spanning bars, with milestones and a today line.7 views · 7 downloadsGaugeChartA half-circle dial of good, warning and bad bands with a needle at the value, and the value and its band's name under it.6 views · 7 downloadsGroupedBarChartA bar per series side by side for each label, below zero too, with the group's values on hover and the bar under the pointer picked out.6 views · 4 downloadsHeatmapChartA grid of cells coloured by value, in one colour or two either side of a middle, with a colour scale and each cell's value on hover.6 views · 5 downloadsHeikinAshiChartHeikin-Ashi candles worked out from OHLC, which smooth the noise so trends show as runs of one colour, with the real close on hover.5 views · 6 downloadsHistogramValues counted into bins, by number or width, as touching bars with each bin's range, count and share on hover, and the mean marked.7 views · 7 downloadsHorizontalBarChartBars across with the labels down the side, sorted if asked, one picked out, values at their ends and on hover.6 views · 6 downloadsInteractiveLineChartLines with a crosshair and tooltip that follow the pointer or the keyboard, legend items that hide series, and drag to zoom.6 views · 6 downloadsLineBreakChartA three-line break chart from closing prices: lines go on while the close makes new ends, and turn only past the last three lines.5 views · 6 downloadsLineChartLines for one or more series over the same labels, with an area fill or points, a hover crosshair with every value, and a legend.5 views · 6 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.6 views · 6 downloadsLollipopChartValues as thin stems with a dot, up or across, sorted if asked, with each value on hover or beside its dot.5 views · 6 downloadsMacdChartMACD from closing prices: the MACD and signal lines and the histogram between them, under a price chart or on its own.7 views · 5 downloadsMarimekkoChart100% stacked bars as wide as their totals, so every part's area is its value, with its shares on hover.5 views · 5 downloadsMarketHeatmapA treemap of stocks sized by market value and coloured by their change, grouped by sector, with each one's details on hover.6 views · 7 downloadsNetworkGraphNodes and links laid out by a force simulation run on the server, coloured by group and sized by their links.6 views · 10 downloadsOhlcChartOHLC bars with an open tick on the left and a close tick on the right, a volume pane, moving averages and the details on hover.6 views · 6 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.6 views · 6 downloadsParallelCoordinatesEach record as a line across several upright axes, each with its own scale, coloured by group, picked out on hover.6 views · 7 downloadsParetoChartCauses as bars sorted largest first with the running share as a line on a 0 to 100% axis, and the few that reach 80% picked out.7 views · 7 downloadsPieChartA pie with each slice named and its share beside it, small slices gathered into Other, and the slice under the pointer pulled out.5 views · 5 downloadsPnlChartProfit and loss per day as green and red bars, with the running total and its drawdowns shaded, and the key figures above.6 views · 6 downloadsPolarAreaChartSlices of equal angle whose length shows each value on rings of round ticks; hovering a slice or its legend picks it out.6 views · 9 downloadsPortfolioAllocationA donut of a portfolio's holdings beside a table of each one's weight, value and gain, with the totals.6 views · 6 downloadsPriceTickerA strip of symbols, prices and changes that scrolls by itself with CSS, stops on hover and stands still for reduced motion.6 views · 6 downloadsRadarChartSeries as shapes over axes around a circle, with rings for the scale, to compare profiles; hovering a shape or its legend picks it out.6 views · 4 downloadsRadialBarChartBars bent into rings around a centre, each as long as its value against a limit, with a legend that picks a ring out on hover.6 views · 5 downloadsRangeChartA low and a high per label as floating bars or a band, with an optional middle value, and each range on hover.6 views · 3 downloadsRealtimeChartA live line that scrolls as values come, a window of the last N, with the latest value, its change and a pause.6 views · 6 downloadsRenkoChartRenko bricks of one box size from closing prices, a brick for each whole box the price moves, with each brick's range on hover.5 views · 7 downloadsRsiChartThe relative strength index of closing prices with overbought and oversold lines, under a price chart or on its own.5 views · 8 downloadsSankeyChartFlows between nodes in columns as bands as wide as their amounts, laid out to cross little, with each flow on hover.5 views · 5 downloadsScatterChartPoints placed by two numbers, in coloured groups, with a least-squares trend line for each and every point's numbers on hover.7 views · 5 downloadsSlopeChartA line per item from its value then to its value now, coloured by rise or fall, with labelled ends that keep apart.6 views · 4 downloadsSmallMultiplesThe same small line, area or bar chart for each group in a grid, on one shared scale, with each value on hover.6 views · 5 downloadsSparklineA small inline chart of a list of numbers: a line, an area or bars, safe with no data or flat data.6 views · 7 downloadsStackedBarChartBars of parts piled up to a total, or each scaled to 100% to compare shares, with the parts and total on hover.5 views · 6 downloadsStepChartLines that hold each value flat and move in steps, for one or more series, with an optional fill and every value on hover.6 views · 4 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.6 views · 6 downloadsStreamGraphSeries stacked as flowing layers around a centre line, or wiggled flat, with every layer's value at a moment on hover.6 views · 6 downloadsSunburstChartA hierarchy as rings of arcs sized by value, shaded by level, with the hovered part's share in the middle.6 views · 7 downloadsSymbolCardA symbol with its name, last price, change and percent, a sparkline over the previous close, the day's range and volume.6 views · 6 downloadsTradeFeedTime and sales: trades as they happen, newest first, buys green and sells red, large ones picked out, capped at a number of rows.6 views · 10 downloadsTreemapParts of a whole as rectangles sized by value, squarified, optionally in groups of their own colour, with each value and share on hover.7 views · 6 downloadsViolinPlotThe shape of each group's values as a mirrored kernel density, with quartiles and median inside and the numbers on hover.5 views · 6 downloadsVolumeProfileVolume traded at each price level as bars beside the price, split into buying and selling, with the point of control and the value area marked.6 views · 6 downloadsWaffleChartParts of a whole as a 10×10 grid of squares, one per percent, with a legend of values and shares; hovering picks a part out.7 views · 6 downloadsWatchlistSymbols with last price, change, percent and a sparkline, in columns that sort, with prices that flash as they change.6 views · 6 downloadsWaterfallChartA start value, its rises and falls as floating bars joined by steps, subtotals and an end total, with the running total on hover.7 views · 7 downloads
Finance 8
AmortizationTableA loan's payment schedule worked out from its amount, rate and term: each month's principal, interest and balance, grouped by year with the year's totals.7 views · 7 downloadsCollateralListWhat secures a loan: each item's valuation and documents, and the loan-to-value ratio as a meter against the lender's limit.7 views · 5 downloadsCrossRatesA matrix of cross rates among a few currencies, each worked out from their rates against one base, the diagonal left blank.6 views · 6 downloadsFxRateTableA board of exchange rates: each pair with its flags, bid, ask, the spread in pips and the day's change from the open, coloured.7 views · 8 downloadsLoanOffersLoan offers side by side: each lender's APR, term, monthly payment, fees and total cost, with the cheapest in total marked.8 views · 7 downloadsPaymentHistoryTwenty-four months of payments as a grid of years and months, on time, 30, 60 or 90 days late, or nothing due, as credit reports show them, with a legend.7 views · 7 downloadsShareCapitalLedgerA member's share capital contributions with a running balance, and the progress toward the share capital the co-op requires.6 views · 5 downloadsTransactionListTransactions grouped by day with category, money in and out, the running balance, pending ones marked, and a search that filters as you type.7 views · 6 downloads
Marketing 1
Dashboard 2
Scheduling 3
DayViewOne day as a column of hours with its events drawn at their times, side by side when they overlap, and all-day events above.7 views · 7 downloadsWeekViewA week of hour columns with events drawn at their times, side by side when they overlap, and all-day events across the top.5 views · 6 downloadsYearCalendarA year as twelve small months, with dates and runs of dates marked in colours, today ringed, and a key.7 views · 4 downloads
Mobile 1
Utilities 1
Other tags
interactive504no-js370mobile211forms176tablet151data128smart100list84chart80commerce68input64navigation63layout59card57finance52gesture48media44dashboard42text39button38feedback38keyboard37social37marketing36table34typography32search31status31user31document30image28picker28link26page26time26banking25calendar24overlay24select24progress23trading22calculator21schedule21travel20grid19settings19menu18news18security18utility18offline17price17blogging16dialog16sheet16swipe15accessibility14drag14notification14tabs14upload14chat13checkout13filter13popover13file12loans12section12audio11loading11profile11coop10forex10icon10code9article8camera8developer8flights8form8print8record8validation8comment7location7onboarding7pricing7video7cart6json6theme6animation5barcode5field5health5keypad5map5planning5qr5scroll5sort5admin4analytics4clock4dates4editor4feed4header4live4notes4parser4photo4player4seo4share4statistics4subscription4toast4analysis3banner3billing3budget3checklist3compare3date3election3games3gloves3gps3haptics3monitoring3number3panes3payment3pen3rotation3sensor3sync3tasks3timeline3timer3toolbar3tracking3undo3units3update3url3voice3wheel3wizard3writing3alerts2balance2capacity2cards2colour2columns2csv2currency2dedupe2device2discount2draft2drawing2education2email2experiment2feeds2files2forecast2fuzzy2help2history2hotels2links2long-press2meetings2merge2messages2money2motion2network2otp2panel2payments2permission2permissions2photos2pin2pinch2query2questions2quiz2rating2reactions2refresh2reorder2report2responsive2retry2scanner2selection2shipping2sign-in2slider2split2stock2storage2store2stories2summary2svg2tax2ticket2till2timezone2tracker2transfer2version2wallet2zoom2accordion1activities1ads1agenda1aggregate1agile1alert1amount1annotate1anomaly1api1app-shell1approval1archive1assessment1audit1autosave1availability1back1backlog1backtest1badge1bank1bar1battery1bibliography1bill1bills1book1bracket1branching1browser1builder1bulk1bundle1business1buy1byline1campaign1carousel1cars1cash1change1changes1check1chips1citation1cleaning1clipboard1cloud1cohort1combobox1comments1compass1conditional1configurator1confirm1conflicts1contact1context-menu1contrast1conversion1converter1cooking1copy1cost1coupon1cron1curl1dark-mode1deadline1debt1decimal1decision1decode1delivery1dependencies1design1detents1diff1disclosure1documents1downloads1dst1duplicates1edit1emoji1empty1encoding1entropy1envelopes1error1event1expenses1explorer1export1fab1faq1fashion1first-run1fit1fixtures1flashcards1flashlight1flesch1floor-plan1formatter1formula1frame1fullscreen1funnel1gallery1game1generator1geofence1goals1grades1grammar1group1groups1guard1handwriting1haptic1heading1headline1heatmap1hours1http1i18n1iban1import1income1indicator1inference1insights1interest1invoice1ios1isbn1job1jsonpath1jwt1kanban1keywords1kiosk1league1learning1level1like1lint1loan1localization1lock1logs1lyrics1mail1margin1markdown1markup1master-detail1matching1memory1mention1modal1mortgage1music1natural1notch1notice1notifications1options1order1orientation1outlier1overflow1overtime1packing1pagination1passcode1password1paste1pattern1payoff1payroll1paywall1people1plans1podcast1pointer1policy1poll1power1preview1profiling1projects1properties1publishing1quality1queue1rail1ranked1ranking1readability1reader1receipt1recipe1recommendations1records1reference1refinance1regex1register1regression1reliability1reload1reply1resize1resources1restaurant1resume1retention1revision1rewards1rings1risk1roles1roster1rota1rules1salary1save-data1savings1schema1screen1seats1seeds1seek1series1shake1shortcuts1sidebar1signature1signup1sizing1slo1slug1splash1sports1spotlight1spreadsheet1sql1stack1staff1standings1startup1status-bar1stepper1steps1sticky1streaks1study1style1subscribe1subtotals1support1survey1switch1tags1team1teams1temperature1template1time-zones1tip1tldr1toggle1torch1tour1tournament1transit1translation1tree1trend1tutorial1typo1unread1unsaved1username1validate1vibrate1viewer1virtual1visualisation1vote1voting1wake-lock1warehouse1waveform1wcag1weather1weight1weights1widget1world1