Library — React components, sections & templates

S—245Poll BuilderCompose a poll: a question, 2–6 options to add, reorder and remove, multiple choice and duration, live preview.Compose a poll: a question, 2–6 options to add, reorder and remove, multiple choice and duration, live preview.Forms · Refinedfree

S—246Likert MatrixA survey grid: rate statements on one agree–disagree scale, stacked on phones and as a true grid on wider cards.A survey grid: rate statements on one agree–disagree scale, stacked on phones and as a true grid on wider cards.Forms · Refinedfree

S—249Back in StockA product size picker where sold-out sizes offer “Notify me”: pick one, leave an email, and get a clear confirmation.A product size picker where sold-out sizes offer “Notify me”: pick one, leave an email, and get a clear confirmation.Checkout · Refinedpro

S—250Price HistoryA price chart with low and high markers, a draggable alert line, range tabs and a verdict on whether now is good.A price chart with low and high markers, a draggable alert line, range tabs and a verdict on whether now is good.Data · Refinedpro

S—251Display SettingsReading and display preferences with a live preview: text size, contrast, reduced motion, line spacing and density.Reading and display preferences with a live preview: text size, contrast, reduced motion, line spacing and density.Forms · Refinedfree

S—252Receipt CardA paper-style receipt: items, tax and a tip you can change after the fact, a torn edge, and share or download actions.A paper-style receipt: items, tax and a tip you can change after the fact, a torn edge, and share or download actions.Checkout · Refinedpro

S—253Doc ViewerA compact document viewer: page thumbnails, page-by-page navigation, zoom steps and fit-width, with a page jump field.A compact document viewer: page thumbnails, page-by-page navigation, zoom steps and fit-width, with a page jump field.Components · Refinedfree

S—256Subscription TrackerEvery recurring charge in one list: monthly or yearly totals, next renewal dates, and items marked to cancel.Every recurring charge in one list: monthly or yearly totals, next renewal dates, and items marked to cancel.Data · Refinedfree

S—270ThermostatA smart-home thermostat: drag the dial or tap plus and minus, switch heat, cool or off, and see when it reaches target.A smart-home thermostat: drag the dial or tap plus and minus, switch heat, cool or off, and see when it reaches target.Components · Refinedfree

S—272Commit GraphA git history lane graph: branches as lanes, merge curves, click a commit for its details, and filter to one branch.A git history lane graph: branches as lanes, merge curves, click a commit for its details, and filter to one branch.Data · Refinedfree

S—273CI ChecksA pull request checks panel: running, passed and failed jobs with durations, expandable failure logs, and re-run.A pull request checks panel: running, passed and failed jobs with durations, expandable failure logs, and re-run.Components · Refinedfree

S—274Deploy StatusA deployment card: build, upload and promote stages with live timing, the current production version, and rollback.A deployment card: build, upload and promote stages with live timing, the current production version, and rollback.Components · Refinedfree

S—275API RequestA tiny HTTP client: method picker, URL, headers and body tabs, Send, then status, timing, size and a formatted response.A tiny HTTP client: method picker, URL, headers and body tabs, Send, then status, timing, size and a formatted response.Forms · Refinedfree

S—276Query RunnerA compact SQL scratchpad: saved snippets, run with a keystroke, a result grid with row count and timing, and CSV copy.A compact SQL scratchpad: saved snippets, run with a keystroke, a result grid with row count and timing, and CSV copy.Data · Refinedfree

S—277Branch PickerA git branch switcher: search, branches and tags tabs, recent first, ahead/behind counts, and create-from-current.A git branch switcher: search, branches and tags tabs, recent first, ahead/behind counts, and create-from-current.Forms · Refinedfree

S—280Expense EntryLog an expense fast: big amount field, category chips, date shortcuts, split with a friend, and an attached receipt.Log an expense fast: big amount field, category chips, date shortcuts, split with a friend, and an attached receipt.Forms · Refinedfree

S—281Gift CardSend a gift card: pick an amount or type one, write a note, preview the card face, and choose send now or on a date.Send a gift card: pick an amount or type one, write a note, preview the card face, and choose send now or on a date.Checkout · Refinedpro

S—283WishlistA saved-items list with price-drop tags, sort by recent or price, move to bag, and remove with an undo toast.A saved-items list with price-drop tags, sort by recent or price, move to bag, and remove with an undo toast.Components · Refinedfree

S—284Return RequestStart a return in three short steps: choose items and quantities, give a reason, pick refund method and drop-off.Start a return in three short steps: choose items and quantities, give a reason, pick refund method and drop-off.Checkout · Refinedpro

S—285Light ScenesSmart lights for one room: scene presets, per-lamp switches and dimmers, and an all-off that remembers the last scene.Smart lights for one room: scene presets, per-lamp switches and dimmers, and an all-off that remembers the last scene.Components · Refinedfree

S—286Alarm ListPhone-style alarms: toggle each one, repeat days as letter chips, delete in edit mode, and the time to the next alarm.Phone-style alarms: toggle each one, repeat days as letter chips, delete in edit mode, and the time to the next alarm.Components · Refinedfree

S—289Smart LockA smart lock card: tap the big shackle to lock or unlock with a short working state, auto-lock timer, and access log.A smart lock card: tap the big shackle to lock or unlock with a short working state, auto-lock timer, and access log.Components · Refinedfree

S—291Ride TrackerA ride on its way: a schematic route with the car moving along it, ETA, driver and plate, and share or cancel actions.A ride on its way: a schematic route with the car moving along it, ETA, driver and plate, and share or cancel actions.Components · Refinedfree

S—292Gantt TimelineA compact project Gantt: task bars on a week grid, drag a bar to reschedule, dependencies shift along, and a today line.A compact project Gantt: task bars on a week grid, drag a bar to reschedule, dependencies shift along, and a today line.Data · Refinedpro

S—293Funnel ChartA conversion funnel: stepped bars with drop-off between stages, toggle counts or percent, and tap a stage for detail.A conversion funnel: stepped bars with drop-off between stages, toggle counts or percent, and tap a stage for detail.Data · Refinedpro

S—294Scatter PlotAn interactive scatter: hover or focus a point for its label, drag to brush a region, and a trend line with its r value.An interactive scatter: hover or focus a point for its label, drag to brush a region, and a trend line with its r value.Data · Refinedpro

S—295Radar ChartCompare two profiles on a radar: switch which one leads, hover an axis for both values, and see where each one wins.Compare two profiles on a radar: switch which one leads, hover an axis for both values, and see where each one wins.Data · Refinedpro

S—296HistogramA distribution with adjustable bins: drag the bin slider, hover a bar for its range, and see median and spread marks.A distribution with adjustable bins: drag the bin slider, hover a bar for its range, and see median and spread marks.Data · Refinedpro

S—297Bullet KPIsKPIs as bullet charts: actual bar, target tick and qualitative bands, with a period switch and pace for the month.KPIs as bullet charts: actual bar, target tick and qualitative bands, with a period switch and pace for the month.Data · Refinedpro

S—298TreemapA squarified treemap: area by size, tap a group to drill in, breadcrumb back out, labels hide when tiles are tiny.A squarified treemap: area by size, tap a group to drill in, breadcrumb back out, labels hide when tiles are tiny.Data · Refinedpro

S—299Waffle ChartA 10 × 10 waffle of parts of a whole: each category gets its own tone, and hovering the legend lights its squares.A 10 × 10 waffle of parts of a whole: each category gets its own tone, and hovering the legend lights its squares.Data · Refinedfree

S—300Availability GridPaint when you are free: drag across a days-by-hours grid to mark or clear slots, with others’ overlap shown as depth.Paint when you are free: drag across a days-by-hours grid to mark or clear slots, with others’ overlap shown as depth.Forms · Refinedfree

S—301Month PickerPick a month or a month range: a year at a time in a 4 × 3 grid, year arrows, quick presets, and disabled future months.Pick a month or a month range: a year at a time in a 4 × 3 grid, year arrows, quick presets, and disabled future months.Forms · Refinedfree

S—302OKR TrackerObjectives with key results: progress rolls up from each KR, confidence per KR, and quick check-ins that nudge values.Objectives with key results: progress rolls up from each KR, confidence per KR, and quick check-ins that nudge values.Data · Refinedfree

S—303Call GridA video call on one card: tiles that reflow, the active speaker outlined, mute and camera toggles, and leave.A video call on one card: tiles that reflow, the active speaker outlined, mute and camera toggles, and leave.Components · Refinedfree

S—304A–Z Index ListA contacts-style list with sticky letter headers and a side A–Z rail you can tap or scrub, plus search and multi-select.A contacts-style list with sticky letter headers and a side A–Z rail you can tap or scrub, plus search and multi-select.Navigation · Refinedfree

S—305Photo AdjustBasic photo adjustments: exposure, contrast, grain and vignette sliders, a press-and-hold compare, and one-tap presets.Basic photo adjustments: exposure, contrast, grain and vignette sliders, a press-and-hold compare, and one-tap presets.3D · Refinedpro

S—306Mixer FadersA small mixing desk: vertical faders with dB readouts, mute and solo per channel, live level meters and a master.A small mixing desk: vertical faders with dB readouts, mute and solo per channel, live level meters and a master.Components · Refinedfree

S—309Flight StatusA flight card: route with a progress plane, gate and seat in large type, live delay or gate changes, and alerts.A flight card: route with a progress plane, gate and seat in large type, live delay or gate changes, and alerts.Components · Refinedfree

S—310Air QualityAn air quality card: AQI on a banded gauge, the main pollutant, an hourly strip, and advice that changes with the level.An air quality card: AQI on a banded gauge, the main pollutant, an hourly strip, and advice that changes with the level.Data · Refinedfree

S—313Bundle BuilderBuild a bundle: pick items into numbered slots, the discount tier steps up as slots fill, and the saving is shown live.Build a bundle: pick items into numbered slots, the discount tier steps up as slots fill, and the saving is shown live.Checkout · Refinedpro

S—314Subscribe & SaveOne-time or subscribe on a product page: delivery frequency, quantity, the per-delivery saving, and the next ship date.One-time or subscribe on a product page: delivery frequency, quantity, the per-delivery saving, and the next ship date.Checkout · Refinedpro

S—316Product Q&ACustomer questions on a product: search existing answers first, vote answers helpful, and ask a new question inline.Customer questions on a product: search existing answers first, vote answers helpful, and ask a new question inline.Components · Refinedfree

S—317Time TrackerTrack time per project: one running timer at a time, switch projects in a tap, today’s entries and a daily total.Track time per project: one running timer at a time, switch projects in a tap, today’s entries and a daily total.Components · Refinedfree

S—319Standup NotesAsync standup on one card: yesterday, today and blockers per teammate, flip through people, and post your own update.Async standup on one card: yesterday, today and blockers per teammate, flip through people, and post your own update.Forms · Refinedfree

S—322Thread ComposerWrite a multi-post thread: each post has its own counter ring, add or remove posts, auto-numbering, and split long text.Write a multi-post thread: each post has its own counter ring, add or remove posts, auto-numbering, and split long text.Forms · Refinedfree

S—323Link PreviewPaste a URL and get a preview card: loading skeleton, editable title, large or compact layout, and remove the preview.Paste a URL and get a preview card: loading skeleton, editable title, large or compact layout, and remove the preview.Components · Refinedfree

S—324Profile VisibilityWho can see each profile field: everyone, connections or only me per row, a preview-as switch, and bulk set all.Who can see each profile field: everyone, connections or only me per row, a preview-as switch, and bulk set all.Forms · Refinedfree

S—325Data ExportRequest a copy of your data: pick what to include and the format, see the size, then track the export to download.Request a copy of your data: pick what to include and the format, see the size, then track the export to download.Forms · Refinedfree

S—326Danger ZoneDestructive settings done with care: transfer, archive and delete, each explains its impact; delete needs typing.Destructive settings done with care: transfer, archive and delete, each explains its impact; delete needs typing.Forms · Refinedfree

S—327Webhook EndpointsManage webhook endpoints: recent delivery dots per endpoint, send a test ping, reveal the signing secret, disable.Manage webhook endpoints: recent delivery dots per endpoint, send a test ping, reveal the signing secret, disable.Components · Refinedfree

S—328Regional FormatLanguage and region settings with a live preview of how dates, times, numbers and money will look before you save.Language and region settings with a live preview of how dates, times, numbers and money will look before you save.Forms · Refinedfree

S—345Retro BoardA sprint retro in a card: went well, to improve and actions as tabs, sticky notes with dot votes, sorted by votes.A sprint retro in a card: went well, to improve and actions as tabs, sticky notes with dot votes, sorted by votes.Forms · Refinedfree

S—346Bug ReportA bug report people finish: title, severity, numbered steps, expected vs actual, and environment details attached.A bug report people finish: title, severity, numbered steps, expected vs actual, and environment details attached.Forms · Refinedfree

S—375Feedback PinsDesign review on a screen: tap anywhere to drop a numbered pin, write the note, then resolve pins as they are fixed.Design review on a screen: tap anywhere to drop a numbered pin, write the note, then resolve pins as they are fixed.Forms · Refinedfree

S—376Mini SheetA tiny spreadsheet that really calculates: cell references, arithmetic, and SUM, AVG, MIN, MAX over ranges.A tiny spreadsheet that really calculates: cell references, arithmetic, and SUM, AVG, MIN, MAX over ranges.Components · Refinedfree

S—381Incident TimelineA status-page incident: current state, affected services, timestamped updates, and a composer to post the next one.A status-page incident: current state, affected services, timestamped updates, and a composer to post the next one.Components · Refinedfree

S—382CPU MonitorPer-core CPU load as live bars with sparklines, load averages, a pause button, and a stress test to watch it spike.Per-core CPU load as live bars with sparklines, load averages, a pause button, and a stress test to watch it spike.Data · Refinedpro

S—383DNS RecordsManage DNS for a domain: records as rows, an add form that validates per type, new records go from pending to live.Manage DNS for a domain: records as rows, an add form that validates per type, new records go from pending to live.Forms · Refinedfree

S—384Roadmap VotesA public roadmap: ideas under review, planned, in progress and shipped, with upvotes, sorting, and a suggestion box.A public roadmap: ideas under review, planned, in progress and shipped, with upvotes, sorting, and a suggestion box.Components · Refinedfree