unsloppablelibrary

Playful AppFeatures

⌕ Search components ⌘ K

OPEN SOURCE

React components for design review products.

Getting started

Overview Installation Principles

Navigation

16

Navagency Navagent Navbasedash Navdevtool Navduna Navfintech Navknowledge Navlending Navmobile Navresearch Navsaas Navstartup Navsuperhuman Navvoice Navvoiceflow Navwaabi

Hero

18

Heroagency Heroagent Herobasedash Herodevtool Heroduna Herofintech Herofrontier Heroknowledge Herolending Heromobile Heroplayful Heroresearch Herosaas Herostartup Foldsuperhuman Herovoice Herovoiceflow Foldwaabi

Logo wall

9

Proof Bandbasedash Proof Stripduna Logo Marqueefintech Logosfrontier Logoslending Marqueestartup Railsuperhuman Tickervoice Partnerswaabi

Feature

80

Statementagency Jumpagency Workagency Signalsagent Deckagent Personasagent Proofagent Composebasedash Askbasedash Governbasedash Sourcesbasedash Custodybasedash Queriesbasedash Blocksdevtool Worksduna Skyduna Trustduna Indexduna Product Railfintech Business Carouselfintech Developer Blockfintech Feature Gridfintech Bandfrontier Contourfrontier Basaltfrontier Ledgerfrontier Rosterfrontier Trackerknowledge Lanesknowledge Systemknowledge Enterpriseknowledge Consolelending Switchboardlending Agentslending Compliancelending Featuresmobile Comparemobile Simulatormobile Globemobile Securemobile Devicesplayful Featuresplayful Wallplayful Platformsplayful Ecoplayful Arcresearch Boardresearch Lexiconresearch Needsresearch Bandresearch Ledgerresearch Matrixresearch Reportresearch Growsaas Consolidatesaas Securitysaas Reviewstartup Recomposestartup Librarystartup About Bandstudio Rollstudio Shot Liststudio Gate Checkstudio Ledgersuperhuman Stripsuperhuman Transcribevoice Comparevoice Railvoice Stackvoice Buildvoiceflow Splitvoiceflow Audiencevoiceflow Integratevoiceflow Securityvoiceflow Storiesvoiceflow Bannerwaabi Cardswaabi Duowaabi Insightswaabi Cascadewaabi

How it works

6

Ladderbasedash Installdevtool Ascentfrontier Sequencesaas Scenesuperhuman Stepperwaabi

Metrics

8

Figuresdevtool Numbersduna Metricslending Resultssaas Proofstartup Registersuperhuman Figuresvoiceflow Tallywaabi

Testimonial

13

Voicesdevtool Voicesduna Spotlightfrontier Quoteknowledge Storiesknowledge Voicelending Reviewsmobile Voicesplayful Voiceresearch Voicesaas Voicesstartup Voicessuperhuman Voicesvoiceflow

Pricing

6

Plansduna Pricingknowledge Rateslending Pricingsaas Rate Cardstudio Planssuperhuman

FAQ

5

Docketlending FAQmobile Docketsaas Docketsuperhuman Termsvoiceflow

Call to action

17

Closeagency Closeagent Closebasedash Closedevtool Closefrontier Arrival Bandknowledge Closelending Closeplayful Signupresearch Codaresearch Startsaas Closestartup Booking Stripstudio Contact Closestudio Closesuperhuman Closevoice Closevoiceflow

Footer

16

Footeragent Footerbasedash Footerdevtool Footerduna Footerfintech Footerfrontier Footerknowledge Footerlending Footermobile Footerplayful Footerresearch Footersaas Footerstartup Footersuperhuman Footervoice Footerwaabi

Loaders

6

Tally Solari Iris Etch Aurora Converge

Typography

16

Text Reveal Number Ticker Word Swap Highlighter Sparkles Cadence Reel Scramble Odometer Weight Shift Character Blur-In Drop Cap Quote Pull Gradient Ink Strike Replace Echo Heading

Interaction

21

Kinetic Button Magnetic Button Elastic Toggle Liquid Ripple Button Morph Icon Button Hold to Confirm Gooey Reaction Bar Tactile Segmented Control Magnetic Cursor Button Spring Stepper Confetti Button Tilt Spotlight Card Spring Tabs Physics Dock Intent Underlay Copy Chip Scrub Number Reorder List Long-Press Menu Peel Card Ghost Cursor

Motion

10

Marquee Scroll Progress Reveal Mask Shared Layout Morph Parallax Layer Section Curtain Scroll Velocity Skew Momentum Carousel View Transition Link Auto Play Sequence

Effects

16

Spotlight Border Trace Dot Field Halftone Field Light Sweep Magic Card Orbiting Circles Shooting Stars Particle Field Globe Glass Layer Refraction Hover Pixel Dissolve Chromatic Edge Contact Shadow Noise Displacement

Media

8

Device Frame Window Stack Zoom Lens Annotated Frame Video Reveal Dialog Terminal Session Code Walkthrough Live Embed Guard

Structure & Layout

12

Mega Nav Bento Spine Fold Cleave Roster Masonry Flow Section Divider Footer Reveal Aspect Stage Column Cascade Reading Layout

Proof & Data

12

Progress Ring Sparkline Lattice Gauge Tempo Verdict Delta Testimonial Column Comparison Table Bar Race Rating Cluster Changelog Feed

Forms & Conversion

11

Command Palette Field Focus Glow Vault Ledger Relay Sift Consent Plan Switch Pricing Card Waitlist Row File Drop

Feedback & Status

9

Animated List Stack Vitals Grace Bloom Recover Optimistic Check Empty State Save Pulse

121 componentsSource ↗

Loading section

Features

Preview For geeks

Live · resize it

One tap

Press the button

One button, the size of your thumb. Press it when you have done the thing.

365 squares

Watch it fill

Every press turns a square solid. A year of squares is the only progress bar.

Two days grace

Miss a day

Miss a day and nothing breaks. The streak holds for two, then starts again at one.