unsloppable

Kids Hardware / NotebookMagic

library templates

⌕⌘ K

OPEN SOURCE

React components for design review products.

Getting started

Overview Installation Principles

Navigation

16

Navagency Navagent Navanalytics Navautonomy Navconversational Navdevtool Naveditorial Navfintech Navknowledge Navlending Navmobile Navproductivity Navresearch Navsaas Navstartup Navvoice

Hero

36

Heroagency Heroagent Heroanalytics Heroaudio Foldautonomy Herobilling Herobrowser Herochain Heroconversational Herodevtool Heroecommerce Heroeditorial Herofintech Herofrontier Heroinsights Ringintelligence Heroknowledge Herolending Heromedia Heromobile Heronewsroom Heronotebook Heropanel Heroplayful Foldproductivity Herorails Heroresearch Herosaas Herosavings Herosovereign Herostartup Herotelecom Herovoice Herowallet Heroworkflow Heroworkos

Logo wall

12

Proof Bandanalytics Partnersautonomy Builderschain Proof Stripeditorial Logo Marqueefintech Logosfrontier Logoslending Railproductivity Orgsrails Orgssovereign Marqueestartup Tickervoice

Feature

157

Statementagency Jumpagency Workagency Signalsagent Deckagent Personasagent Proofagent Composeanalytics Askanalytics Governanalytics Sourcesanalytics Custodyanalytics Queriesanalytics Sleevesaudio Craftaudio Studioaudio Turntableaudio Usesaudio Bannerautonomy Cardsautonomy Duoautonomy Insightsautonomy Cascadeautonomy Tickerbilling Audiencebilling Villainbilling Platebilling Tickerbrowser Askbrowser Powersbrowser Sortbrowser Gallerybrowser Tenetschain Stackchain Fieldschain Depthchain Pathschain Buildconversational Splitconversational Audienceconversational Integrateconversational Securityconversational Storiesconversational Blocksdevtool Tickerecommerce Shopecommerce Ritualecommerce Plateecommerce Clubecommerce Workseditorial Skyeditorial Trusteditorial Indexeditorial Product Railfintech Business Carouselfintech Developer Blockfintech Feature Gridfintech Bandfrontier Contourfrontier Basaltfrontier Ledgerfrontier Rosterfrontier Tickerinsights Capabilitiesinsights Momentsinsights Replayinsights Startersinsights Signalsintelligence Fieldsintelligence Casesintelligence Notesintelligence Trackerknowledge Lanesknowledge Systemknowledge Enterpriseknowledge Consolelending Switchboardlending Agentslending Compliancelending Tabsmedia Setmedia Rulesmedia Reviewmedia Featuresmobile Comparemobile Simulatormobile Globemobile Securemobile Editionnewsroom Powersnewsroom Pressnewsroom Desknewsroom Magicnotebook Papernotebook Nolistnotebook Letternotebook Pollpanel Peoplepanel Askspanel Qualitypanel Devicesplayful Featuresplayful Wallplayful Platformsplayful Ecoplayful Ledgerproductivity Stripproductivity Lanesrails Ledgerrails Engravingrails Arcresearch Boardresearch Lexiconresearch Needsresearch Bandresearch Ledgerresearch Matrixresearch Reportresearch Growsaas Consolidatesaas Securitysaas Tickersavings Modessavings Saverssavings Growthsavings Pillarssovereign Workplacesovereign Modelssovereign Perimetersovereign Reviewstartup Recomposestartup Librarystartup About Bandstudio Rollstudio Shot Liststudio Gate Checkstudio Clockstelecom Wingtelecom Streettelecom Boardtelecom Transcribevoice Comparevoice Railvoice Stackvoice Tickerwallet Triowallet Custodywallet Tickerworkflow Ledgerworkflow Versusworkflow Galleryworkflow Plateworkflow Chipsworkos Replaceworkos Viewsworkos Automationsworkos Claimsworkos

How it works

14

Ladderanalytics Stepperautonomy Stepsbilling Installdevtool Ascentfrontier Flowinsights Methodintelligence Ingestmedia Flownewsroom Speedpanel Sceneproductivity Stepsrails Sequencesaas Howtelecom

Metrics

19

Bandaudio Tallyautonomy Figuresconversational Figuresdevtool Numberseditorial Bandinsights Metricslending Bandmedia Bandnewsroom Specsnotebook Bandpanel Registerproductivity Resultssaas Bandsavings Bandsovereign Proofstartup Bandtelecom Bandwallet Bandworkos

Testimonial

32

Voicesaudio Voicebilling Voicesbrowser Voicesconversational Voicesdevtool Voicesecommerce Voiceseditorial Spotlightfrontier Voicesinsights Voicesintelligence Quoteknowledge Storiesknowledge Voicelending Voicesmedia Reviewsmobile Voicesnewsroom Tickernotebook Voicesnotebook Answerspanel Voicespanel Voicesplayful Voicesproductivity Voicerails Voiceresearch Voicesaas Voicessavings Voicessovereign Voicesstartup Voicestelecom Voiceswallet Voiceworkflow Voicesworkos

Pricing

10

Feesbilling Plansbrowser Planseditorial Pricingknowledge Rateslending Plansproductivity Feesrails Pricingsaas Rate Cardstudio Plantelecom

FAQ

5

Termsconversational Docketlending FAQmobile Docketproductivity Docketsaas

Call to action

35

Closeagency Closeagent Closeanalytics Closeaudio Closebilling Closebrowser Closechain Closeconversational Closedevtool Closeecommerce Closefrontier Closeinsights Closeintelligence Arrival Bandknowledge Closelending Closemedia Closenewsroom Closenotebook Closepanel Closeplayful Closeproductivity Closerails Signupresearch Codaresearch Startsaas Closesavings Closesovereign Closestartup Booking Stripstudio Contact Closestudio Closetelecom Closevoice Closewallet Closeworkflow Closeworkos

Footer

34

Footeragent Footeranalytics Footeraudio Footerautonomy Footerbilling Footerbrowser Footerchain Footerdevtool Footerecommerce Footereditorial Footerfintech Footerfrontier Footerinsights Footerintelligence Footerknowledge Footerlending Footermedia Footermobile Footernewsroom Footernotebook Footerpanel Footerplayful Footerproductivity Footerrails Footerresearch Footersaas Footersavings Footersovereign Footerstartup Footertelecom Footervoice Footerwallet Footerworkflow Footerworkos

Motion & Scroll

13

Drift Wick Reveal Mask Shared Layout Morph Spine Parallax Layer Section Curtain Scroll Velocity Skew Momentum Carousel View Transition Link Auto Play Sequence Footer Reveal Column Cascade

Loaders

6

Tally Solari Iris Etch Aurora Converge

Typography

16

Unfurl Reckon Word Swap Highlight Kindle Keystroke Stencil 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

Effects

16

Spotlight Border Trace Dot Field Halftone Field Light Sweep Lumen Orrery Shooting Stars Particle Field Terra 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

9

Mega Nav Quilt Fold Cleave Roster Masonry Flow Section Divider Aspect Stage 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

Tide Stack Vitals Grace Bloom Recover Optimistic Check Empty State Save Pulse

121 componentsSource ↗

Loading section

Magic

Preview For geeks

Live · resize it

The paper trick

I

Writes like pen and paper

Real friction, real ink feel, zero glow. Bedtime stays bedtime.

II

Keeps things organized

Maths goes to maths, doodles go to doodles. Nobody files anything.

III

Understands their handwriting

Even the letters that are still deciding what they are.

IV

Finds anything they wrote

By word, by date, or by the dragon drawn next to it.

V

Answers from their notes

It quotes their own pages back before it adds anything new.