[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fcomponents\u002Fslider":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"totals":8,"category":11,"seo":15,"breadcrumbs":19,"content":28,"examples":37,"showcases":347,"links":348,"dates":397},"\u002Fexamples\u002Fcomponents\u002Fslider","collection","components",true,{"example_count":9,"app_count":10},104,85,{"id":12,"title":13,"description":14},223,"Slider","Explore how interfaces let people adjust a value along a range. Look at the relationship between the slider, its current value, and the labels that explain its limits.",{"title":16,"description":17,"og_image":18},"Slider UI examples - Nicelydone","Slider UI design examples from SaaS apps. Explore how interfaces let people adjust a value along a range. Look at the relationship between the slider, its…","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F9a65d39a-b06d-4323-b6b2-23cbcc691be2.png",[20,23,26],{"label":21,"to":22},"Examples","\u002Fexamples",{"label":24,"to":25},"SaaS UI component examples","\u002Fexamples\u002Fcomponents",{"label":27,"to":4},"Slider UI examples",{"title":27,"eyebrow":29,"description":30,"sections":31,"body":35},"UI component category","Slider UI design examples from SaaS apps. Explore how interfaces let people adjust a value along a range. Look at the relationship between the slider, its current value, and the labels that explain…",[32],{"title":33,"description":14,"links":34},"About Slider",[],[36],"104 UI components",[38,72,101,127,148,178,204,226,249,276,295,324],{"uuid":39,"title":40,"description":41,"canonical_path":42,"image":18,"width":43,"height":44,"image_alt":45,"kind":46,"categories":47,"app":50},"ff6c9cc2-182e-4c05-b352-436d8fdf350b","Airbnb UI component","A price range filter with a histogram visualization.","\u002Fexamples\u002Fapps\u002Fairbnb\u002Fcomponents",1375,722,"UI component from Airbnb","component",[48],{"id":12,"title":13,"slug":49},"slider",{"slug":51,"title":52,"logo":53,"baseline":54,"categories":55},"airbnb","Airbnb","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fairbnb-2b8cc5d2.png","Book unique homes and experience a city like a local",[56,60,64,68],{"id":57,"title":58,"slug":59},5,"Travel","travel",{"id":61,"title":62,"slug":63},12,"Hospitality","hospitality",{"id":65,"title":66,"slug":67},17,"Peer to peer","peer-to-peer",{"id":69,"title":70,"slug":71},18,"Marketplace","marketplace",{"uuid":73,"title":74,"description":75,"canonical_path":76,"image":77,"width":78,"height":79,"image_alt":80,"kind":46,"categories":81,"app":83},"20724c38-c4cf-403d-8a6b-f3c43a83c0ae","Origin Financial UI component","A user interface for selecting a retirement lifestyle using a slider with financial projections.","\u002Fexamples\u002Fapps\u002Fuseorigin\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Ff168b6e3-27bb-4652-a653-f2a2ff412553.png",1370,608,"UI component from Origin Financial",[82],{"id":12,"title":13,"slug":49},{"slug":84,"title":85,"logo":86,"baseline":87,"categories":88},"useorigin","Origin Financial","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F15075243-f5d2-4573-9045-2e4c07c4ce88.png","All-in-one financial platform for budgeting, investing, and AI-powered planning",[89,93,97],{"id":90,"title":91,"slug":92},36,"Finance","finance",{"id":94,"title":95,"slug":96},56,"Accounting","accounting",{"id":98,"title":99,"slug":100},80,"Artificial Intelligence","artificial-intelligence",{"uuid":102,"title":103,"description":104,"canonical_path":105,"image":106,"width":107,"height":108,"image_alt":109,"kind":46,"categories":110,"app":112},"4ca14482-0279-43b8-97b9-5dbe120f08a2","Lithic UI component","A web page displaying two service cards, one for fraud prevention and risk mitigation with detailed features, and another for dispute management, accompanied by navigation arrows.","\u002Fexamples\u002Fapps\u002Flithic\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F8b0880a5-6318-4830-9727-aa1f20dc67a5.png",3024,1646,"UI component from Lithic",[111],{"id":12,"title":13,"slug":49},{"slug":113,"title":114,"logo":115,"baseline":116,"categories":117},"lithic","Lithic","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F29eef334-64df-456e-bb65-9d93c535b644.png","Programmable card issuing and money movement platform",[118,119,123],{"id":90,"title":91,"slug":92},{"id":120,"title":121,"slug":122},39,"Payments","payments",{"id":124,"title":125,"slug":126},37,"Developer APIs","developer-apis",{"uuid":128,"title":129,"description":130,"canonical_path":131,"image":132,"width":133,"height":134,"image_alt":135,"kind":46,"categories":136,"app":138},"6b56c527-578c-44e1-94a4-0069cad24bd7","Visitors UI component","Pricing display with a volume-based slider for monthly events","\u002Fexamples\u002Fapps\u002Fvisitors\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Ff9cbd9db-ac3e-4ab6-85f2-68b4b217ccb5.png",755,486,"UI component from Visitors",[137],{"id":12,"title":13,"slug":49},{"slug":139,"title":140,"logo":141,"baseline":142,"categories":143},"visitors","Visitors","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fba53672a-9799-4a87-8187-a0b0c0766b64.png","Revenue-first web analytics",[144],{"id":145,"title":146,"slug":147},46,"Analytics","analytics",{"uuid":149,"title":150,"description":151,"canonical_path":152,"image":153,"width":154,"height":155,"image_alt":156,"kind":46,"categories":157,"app":159},"1831624f-9b04-4314-88f4-6a5ad9414af4","Bloom UI component","A web application interface featuring an AI-powered commerce assistant, a project dashboard, and a command palette for navigation and features.","\u002Fexamples\u002Fapps\u002Fbloom\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F17580a00-3211-4040-b544-4481ac3c34e8.png",3216,1556,"UI component from Bloom",[158],{"id":12,"title":13,"slug":49},{"slug":160,"title":161,"logo":162,"baseline":163,"categories":164},"bloom","Bloom","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F62461f0d-4182-4996-ae7b-cbc623f6ee3f.png","A new way to build commerce",[165,166,170,174],{"id":98,"title":99,"slug":100},{"id":167,"title":168,"slug":169},3,"Shopping","shopping",{"id":171,"title":172,"slug":173},7,"Web Development","web-development",{"id":175,"title":176,"slug":177},96,"No code","no-code",{"uuid":179,"title":180,"description":181,"canonical_path":182,"image":183,"width":184,"height":185,"image_alt":186,"kind":46,"categories":187,"app":189},"30be49cd-4c1e-414d-8ea7-3d630a2386ce","Appwrite UI component","A modal dialog for generating sample data, allowing users to select the number of rows using a slider.","\u002Fexamples\u002Fapps\u002Fappwrite\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F07486aeb-e560-469d-8380-ec475be6b933.png",1284,858,"UI component from Appwrite",[188],{"id":12,"title":13,"slug":49},{"slug":190,"title":191,"logo":192,"baseline":193,"categories":194},"appwrite","Appwrite","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Faba3119b-0179-4fbd-b6d0-2bb3a0bfda07.png","Open-source backend platform for building and scaling apps with Auth, Database, Storage, Functions, Realtime, Messaging, and Sites.",[195,199,200],{"id":196,"title":197,"slug":198},48,"Developer Tools","developer-tools",{"id":124,"title":125,"slug":126},{"id":201,"title":202,"slug":203},45,"Open Source","open-source",{"uuid":205,"title":206,"canonical_path":207,"image":208,"width":209,"height":210,"image_alt":211,"kind":46,"categories":212,"app":214},"57dab768-57dc-4449-8d64-52ca28877853","Voiceflow UI component","\u002Fexamples\u002Fapps\u002Fvoiceflow\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F0387b5ed-4f72-4b89-b9f4-aeb754371f5d.png",964,727,"UI component from Voiceflow",[213],{"id":12,"title":13,"slug":49},{"slug":215,"title":216,"logo":217,"baseline":218,"categories":219},"voiceflow","Voiceflow","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fvoiceflow-ba430e40.png","Build amazing conversational assistants",[220,221,225],{"id":98,"title":99,"slug":100},{"id":222,"title":223,"slug":224},47,"Customer Service","customer-service",{"id":175,"title":176,"slug":177},{"uuid":227,"title":228,"description":229,"canonical_path":230,"image":231,"width":232,"height":233,"image_alt":234,"kind":46,"categories":235,"app":237},"e83519e2-0198-44c3-9bb7-024b7440e9ce","Latency-Quality Slider","Lets users select the trade-off between response speed and output depth during onboarding configuration.","\u002Fexamples\u002Fapps\u002Fexa\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fd6403d20-e0f5-4259-99de-ee3b8b1f74ac.jpg",1494,336,"Latency-Quality Slider from Exa",[236],{"id":12,"title":13,"slug":49},{"slug":238,"title":239,"logo":240,"baseline":241,"categories":242},"exa","Exa","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F011e446a-087b-451e-b27d-63d67d92a42f.png","Real-time AI search engine with structured web search API and deep research tools",[243,247,248],{"id":244,"title":245,"slug":246},55,"Search engine","search-engine",{"id":98,"title":99,"slug":100},{"id":124,"title":125,"slug":126},{"uuid":250,"title":251,"description":252,"canonical_path":253,"image":254,"width":255,"height":256,"image_alt":257,"kind":46,"categories":258,"app":260},"51c57aee-0e48-43b8-ad49-bba7e7c4e9ef","Assembly AI App Builder UI component","A landing page section introducing a service for tech-enabled professional service firms, showcasing different industries.","\u002Fexamples\u002Fapps\u002Fassembly-2\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F9131f890-ada2-433a-89e2-2fb040e6376c.png",2991,1511,"UI component from Assembly AI App Builder",[259],{"id":12,"title":13,"slug":49},{"slug":261,"title":262,"logo":263,"baseline":264,"categories":265},"assembly-2","Assembly AI App Builder","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fe0ead769-d687-403b-a7bd-124ca7356944.png","AI-powered platform for professional services firms to build client portals and CRM tools",[266,270,274,275],{"id":267,"title":268,"slug":269},53,"CRM","crm",{"id":271,"title":272,"slug":273},90,"Business","business",{"id":98,"title":99,"slug":100},{"id":175,"title":176,"slug":177},{"uuid":277,"title":278,"description":279,"canonical_path":280,"image":281,"width":282,"height":283,"image_alt":284,"kind":46,"categories":285,"app":287},"4f4208d0-d14f-481b-b6ba-7e5166ad879a","Elevenlabs UI component","A user interface element displaying a slider for minutes of generated audio per month, showing current usage and total capacity.","\u002Fexamples\u002Fapps\u002Felevenlabs\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F5b5dc6e1-83a2-49b7-a069-3f1ee645263d.png",1270,447,"UI component from Elevenlabs",[286],{"id":12,"title":13,"slug":49},{"slug":288,"title":289,"logo":290,"baseline":291,"categories":292},"elevenlabs","Elevenlabs","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F040a4c11-6cc6-49d0-85e4-c7f5a0265a3a.png","Bringing technology to life",[293,294],{"id":98,"title":99,"slug":100},{"id":124,"title":125,"slug":126},{"uuid":296,"title":297,"description":298,"canonical_path":299,"image":300,"width":301,"height":302,"image_alt":303,"kind":46,"categories":304,"app":306},"55ac1cd8-3699-4255-b45e-2ddc64d23410","Mailchimp UI component","A user interface displaying a selection of email and SMS marketing templates, categorized and presented in a grid layout for easy browsing and selection.","\u002Fexamples\u002Fapps\u002Fmailchimp\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F92842972-8fe9-4ab5-ab29-b4544e90d33a.png",2528,1306,"UI component from Mailchimp",[305],{"id":12,"title":13,"slug":49},{"slug":307,"title":308,"logo":309,"baseline":310,"categories":311},"mailchimp","Mailchimp","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fmailchimp-bd8e0c89.png","All-in-one marketing platform for small business",[312,316,320],{"id":313,"title":314,"slug":315},25,"Marketing","marketing",{"id":317,"title":318,"slug":319},27,"Email Newsletters","email-newsletters",{"id":321,"title":322,"slug":323},68,"SMS","sms",{"uuid":325,"title":326,"description":327,"canonical_path":328,"image":329,"width":330,"height":331,"image_alt":332,"kind":46,"categories":333,"app":335},"5d30345c-3b04-483e-841f-459cb7cf40c0","Liveblocks UI component","A modal dialog displaying a collaborative comment thread with options to reply, resolve, and add new comments.","\u002Fexamples\u002Fapps\u002Fliveblocks\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fc993c7c5-8698-4c89-afa2-2305e7ac408a.png",2600,1790,"UI component from Liveblocks",[334],{"id":12,"title":13,"slug":49},{"slug":336,"title":337,"logo":338,"baseline":339,"categories":340},"liveblocks","Liveblocks","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F081e178d-2cab-4e0b-93f8-061e021783fa.png","Build amazing real‑time collaborative products",[341,342,346],{"id":196,"title":197,"slug":198},{"id":343,"title":344,"slug":345},23,"Collaboration","collaboration",{"id":124,"title":125,"slug":126},[],[349,352,355,358,361,364,367,370,373,376,379,382,385,388,391,394],{"label":350,"to":351},"Feature Page","\u002Fexamples\u002Fpages\u002Ffeature-page",{"label":353,"to":354},"Landing Page","\u002Fexamples\u002Fpages\u002Flanding-page",{"label":356,"to":357},"AI Settings","\u002Fexamples\u002Fscreens\u002Fai-settings",{"label":359,"to":360},"Pricing Page","\u002Fexamples\u002Fpages\u002Fpricing-page",{"label":362,"to":363},"Airbnb design examples","\u002Fexamples\u002Fapps\u002Fairbnb",{"label":365,"to":366},"Origin Financial design examples","\u002Fexamples\u002Fapps\u002Fuseorigin",{"label":368,"to":369},"Lithic design examples","\u002Fexamples\u002Fapps\u002Flithic",{"label":371,"to":372},"Visitors design examples","\u002Fexamples\u002Fapps\u002Fvisitors",{"label":374,"to":375},"Bloom design examples","\u002Fexamples\u002Fapps\u002Fbloom",{"label":377,"to":378},"Appwrite design examples","\u002Fexamples\u002Fapps\u002Fappwrite",{"label":380,"to":381},"Voiceflow design examples","\u002Fexamples\u002Fapps\u002Fvoiceflow",{"label":383,"to":384},"Exa design examples","\u002Fexamples\u002Fapps\u002Fexa",{"label":386,"to":387},"Assembly AI App Builder design examples","\u002Fexamples\u002Fapps\u002Fassembly-2",{"label":389,"to":390},"Elevenlabs design examples","\u002Fexamples\u002Fapps\u002Felevenlabs",{"label":392,"to":393},"Mailchimp design examples","\u002Fexamples\u002Fapps\u002Fmailchimp",{"label":395,"to":396},"Liveblocks design examples","\u002Fexamples\u002Fapps\u002Fliveblocks",{"published_at":398,"updated_at":399},"2022-08-21T20:07:35.000Z","2026-09-17T10:44:16.000Z"]