# SaaS website design inspiration

Details page: https://www.details.so/inspo/category/saas
Category: Industry · 154 inspirations

Explore 154+ SaaS website examples curated from real brands. Compare layouts, typography, motion, and conversion patterns.

## Inspirations
- [Hazel — Hero, Text Showcase](https://www.details.so/inspo/hazel-c5028d.md)
- [Architect — Card, Steps Features](https://www.details.so/inspo/tryarchitect-664a81.md)
- [Ferndesk — Hero](https://www.details.so/inspo/ferndesk-99b584.md)
- [Onlook — Button, Hero](https://www.details.so/inspo/onlook-2147cc.md)
- [Squarespace — Media Showcase, Scroll Animations, Section Transition](https://www.details.so/inspo/squarespace-850adb.md)
- [Kobbe — Content, Features](https://www.details.so/inspo/kobbe-bc793b.md)
- [Luma — Cursor Interaction, Hero](https://www.details.so/inspo/luma-48b89f.md)
- [a1mobile — Hero](https://www.details.so/inspo/a1mobile-2a54d5.md)
- [Dia — Pricing](https://www.details.so/inspo/diabrowser-d11627.md)
- [Foglamp — Hero](https://www.details.so/inspo/foglamp-8aee59.md)
- [Ideogram — Hero](https://www.details.so/inspo/ideogram-dfda23.md)
- [Fourmula — Dropdown Navigation](https://www.details.so/inspo/fourmula-ff235d.md)
- [Clarasight — Hero](https://www.details.so/inspo/clarasight-47ffec.md)
- [Cerebrium — 3D, Hero](https://www.details.so/inspo/cerebrium-458097.md)
- [Fora — Hero, Parallax](https://www.details.so/inspo/fora-9f701c.md)
- [Thanks — Hero](https://www.details.so/inspo/thanks-0f22dd.md)
- [Transform9 — Features, Stacked Scroll](https://www.details.so/inspo/transform9-a1ce86.md)
- [Reflect — Hero](https://www.details.so/inspo/reflect-78e5c0.md)
- [Understory — Card, Features](https://www.details.so/inspo/understory-0db038.md)
- [Cofactr — Features, Stacked Scroll](https://www.details.so/inspo/cofactr-bce3b2.md)
- [PeachWeb — Hero](https://www.details.so/inspo/peachweb-a6289c.md)
- [mckp.live — Card, Features](https://www.details.so/inspo/mckp-3f8756.md)
- [Airtable — Cursor Interaction, Footer](https://www.details.so/inspo/airtable-96f534.md)
- [Notion — Hero](https://www.details.so/inspo/notion-b128e1.md)
- [Resurf — Hero](https://www.details.so/inspo/resurf-130e45.md)
- [Mintlify — Hero](https://www.details.so/inspo/mintlify-565edf.md)
- [Orchid — Hero](https://www.details.so/inspo/orchid-84509a.md)
- [Gumloop — Features, Pinned Scroll](https://www.details.so/inspo/gumloop-571876.md)
- [Calendly — Features, Pinned Scroll](https://www.details.so/inspo/calendly-c9c764.md)
- [Billow — Hero](https://www.details.so/inspo/billow-1ff331.md)
- [Wrangle — Card, Features](https://www.details.so/inspo/wrangle-202408.md)
- [Featurebase — Dropdown Navigation](https://www.details.so/inspo/featurebase-21ffb7.md)
- [PAVE — Hero](https://www.details.so/inspo/pave-3ec2bb.md)
- [mo1 — Navigation](https://www.details.so/inspo/mo1-eaafd3.md)
- [Screen — Footer](https://www.details.so/inspo/screen-dcd7f0.md)
- [Panora — Hero](https://www.details.so/inspo/panora-4057b1.md)
- [Customer.io — Hero](https://www.details.so/inspo/customer-3247fb.md)
- [Rogo — Hero](https://www.details.so/inspo/rogo-9137e4.md)
- [Anime.js — 3D, Pinned Scroll](https://www.details.so/inspo/animejs-y7gixt.md)
- [OhMD — Hero](https://www.details.so/inspo/ohmd-3b8796.md)
- [Lovable — Features, Pinned Scroll](https://www.details.so/inspo/lovable-f3c0b2.md)
- [Dessn — Hero](https://www.details.so/inspo/dessn-604b8e.md)
- [Shotbase — Hero](https://www.details.so/inspo/shotbase-85df89.md)
- [Eleken — Hero, Logo Social Proof](https://www.details.so/inspo/eleken-e85896.md)
- [xAI — Hero](https://www.details.so/inspo/x-762579.md)
- [Plnty — Features](https://www.details.so/inspo/plnty-ba9aca.md)
- [Modulify — Card Hover, Features](https://www.details.so/inspo/modulify-6bb623.md)
- [Alethia — Hero](https://www.details.so/inspo/alethia-ad516f.md)
- [AUAR — About Content, Pinned Scroll](https://www.details.so/inspo/auar-47ac29.md)
- [ToDesktop — Hero](https://www.details.so/inspo/todesktop-062e4c.md)
- [B150 — Hero](https://www.details.so/inspo/b150-33243e.md)
- [Agentwork — Hero](https://www.details.so/inspo/agentwork-80aedd.md)
- [Melius — Hero](https://www.details.so/inspo/melius-7f1dfa.md)
- [Lassie — Hero](https://www.details.so/inspo/lassie-14fb4f.md)
- [Bynario — Card, Features](https://www.details.so/inspo/bynar-15165b.md)
- [CryptoSea — Hero](https://www.details.so/inspo/cryptosea-21db78.md)
- [Blackalgo — Hero](https://www.details.so/inspo/blackalgo-6f2e5b.md)
- [Flowty — Hero](https://www.details.so/inspo/flowty-54c4f5.md)
- [Raycast — Features](https://www.details.so/inspo/raycast-64615e.md)
- [Linear — Hero](https://www.details.so/inspo/linear-53142f.md)
- [Framer — Card, Features](https://www.details.so/inspo/framer-677175.md)
- [Duna — Hero](https://www.details.so/inspo/duna-b2d385.md)
- [HeroUI Pro — Carousel, Cursor Interaction](https://www.details.so/inspo/heroui-a20280.md)
- [Zero — Features, Stacked Scroll](https://www.details.so/inspo/zero-55d954.md)
- [Interfere — Hero](https://www.details.so/inspo/interfere-09b2d4.md)
- [Unkey — Hero](https://www.details.so/inspo/unkey-47b9d0.md)
- [Tellia — Hero](https://www.details.so/inspo/tellia-42fa60.md)
- [Threads — Pricing](https://www.details.so/inspo/threads-626bb5.md)
- [Cantor8 — Cursor Interaction, Hero](https://www.details.so/inspo/cantor8-a18087.md)
- [Applied Compute — Cursor Interaction, Hero](https://www.details.so/inspo/appliedcompute-5fc038.md)
- [Ando — Contact](https://www.details.so/inspo/ando-867c15.md)
- [Ploy — Footer](https://www.details.so/inspo/ploy-e6bd9d.md)
- [Cursor — Cursor Interaction, Team](https://www.details.so/inspo/cursor-a7fb20.md)
- [Ecopia AI — Footer](https://www.details.so/inspo/ecopiatech-d390ae.md)
- [Save.design — Hero](https://www.details.so/inspo/save-7152bb.md)
- [Ponder — Pinned Scroll, Steps Features](https://www.details.so/inspo/ponder-317708.md)
- [Geolava — Page Transition](https://www.details.so/inspo/geolava-05e0e1.md)
- [Huddlekit — Pricing](https://www.details.so/inspo/huddlekit-fcc266.md)
- [V7 Labs — Hero](https://www.details.so/inspo/v7labs-ffe8c9.md)
- [Steven — Page Transition](https://www.details.so/inspo/steven-89b1eb.md)
- [Visitors — Hero](https://www.details.so/inspo/visitors-ba1605.md)
- [Voiceflow — Card, Features](https://www.details.so/inspo/voiceflow-976e2f.md)
- [Mockuuups — Dropdown Navigation](https://www.details.so/inspo/mockuuups-f02593.md)
- [Aave — Features](https://www.details.so/inspo/aave-bda752.md)
- [Brew — Blog](https://www.details.so/inspo/brew-ee463d.md)
- [Athleats — Pricing](https://www.details.so/inspo/weareathleats-de75f5.md)
- [Ease Health — Features, Pinned Scroll](https://www.details.so/inspo/easehealth-b31f35.md)
- [Playground — Hero](https://www.details.so/inspo/tryplayground-98692e.md)
- [Obsidian — Hero](https://www.details.so/inspo/obsidianos-394f69.md)
- [Frontify — Footer](https://www.details.so/inspo/frontify-8b8630.md)
- [AccessGrid — Footer](https://www.details.so/inspo/accessgrid-f11da1.md)
- [Twenty — Cursor Interaction, Hero](https://www.details.so/inspo/twenty-227546.md)
- [Mistral AI — Hero](https://www.details.so/inspo/mistral-469764.md)
- [Bud — Pricing](https://www.details.so/inspo/bud-c82400.md)
- [Browserbase — Cursor Interaction, Hero](https://www.details.so/inspo/browserbase-a685ac.md)
- [Cloudflare — Pricing](https://www.details.so/inspo/cloudflare-145e7b.md)
- [Dub — Hero](https://www.details.so/inspo/dub-a12284.md)
- [Paradigm — Carousel, Hero](https://www.details.so/inspo/paradigmai-fe0a99.md)
- [Stripe — Hero](https://www.details.so/inspo/stripe-e979a5.md)
- [Antimetal — Cursor Interaction, Hero, Preloader](https://www.details.so/inspo/antimetal-9d75e8.md)
- [Instantly — CTA, Cursor Interaction](https://www.details.so/inspo/instantly-190925.md)
- [Good Fella — Cursor Interaction, Hero](https://www.details.so/inspo/good-fella-48xuyk.md)
- [FLORA — Footer](https://www.details.so/inspo/florafauna-z9gzul.md)
- [Tesoro — Button, Hero](https://www.details.so/inspo/tesoroxp-ffutgs.md)
- [Flim — Pricing](https://www.details.so/inspo/flim-3jnsye.md)
- [Microsoft AI — Cursor Interaction, Hero](https://www.details.so/inspo/microsoft-7lbl6p.md)
- [Ledger — Features, Stacked Scroll](https://www.details.so/inspo/ledger-uui8vt.md)
- [Digilab — Features, Pinned Scroll](https://www.details.so/inspo/digilab-utqrqt.md)
- [Hut 8 — Hero, Preloader](https://www.details.so/inspo/hut8-jqtijf.md)
- [Flabbergast Agency — About Content, Stats](https://www.details.so/inspo/flabbergast-unvuzt.md)
- [Heimdall Power — Button, Hero](https://www.details.so/inspo/heimdallpower-73noz6.md)
- [INK Games — 3D, Hero](https://www.details.so/inspo/inkgames-73l1mw.md)
- [Eddie — Dropdown Navigation](https://www.details.so/inspo/eddie-vxegdz.md)
- [Clear Street — Features, Stacked Scroll](https://www.details.so/inspo/clearstreet-llyy1t.md)
- [Gentlerain — 3D, Hero](https://www.details.so/inspo/gentlerain-swwlzp.md)
- [Nitex — Button, Hero](https://www.details.so/inspo/nitex-pg6iy5.md)
- [Wix — Horizontal Scroll, Portfolio](https://www.details.so/inspo/wix-eipcje.md)
- [Polecat Agency — Drawer Navigation](https://www.details.so/inspo/polecat-yjjuac.md)
- [Flexxi Studio — Footer](https://www.details.so/inspo/flexxi-m5jvlv.md)
- [Madar — Hero](https://www.details.so/inspo/madarplatform-yikdv4.md)
- [Walrus — Card Hover, Features](https://www.details.so/inspo/walrus-ehucsa.md)
- [Luma AI — Carousel, Cursor Interaction](https://www.details.so/inspo/lumalabs-0alvet.md)
- [Daniel Sun — Case Study](https://www.details.so/inspo/danielsun-0ab23o.md)
- [Cyphr — Card Hover, Steps Features](https://www.details.so/inspo/cyphr-zu6hnb.md)
- [Dropbox — Features, Pinned Scroll](https://www.details.so/inspo/dropbox-yk8iei.md)
- [MetaMask — Features, Pinned Scroll](https://www.details.so/inspo/metamask-k6paym.md)
- [Metropolis — Preloader](https://www.details.so/inspo/metropolis-gs88ee.md)
- [Dapper — Cursor Interaction, Hero](https://www.details.so/inspo/dapper-k6f3ks.md)
- [Terminal Industries — Content, Features, Pinned Scroll](https://www.details.so/inspo/terminal-industries-axkjsi.md)
- [Roboto Studio — Hero](https://www.details.so/inspo/robotostudio-avwrbc.md)
- [FlowFest — Button, Hero](https://www.details.so/inspo/flowfest-oinaza.md)
- [J-Vers — Button, Hero](https://www.details.so/inspo/j-vers-88lhyf.md)
- [Made With GSAP — Button, Hero](https://www.details.so/inspo/madewithgsap-adhvaw.md)
- [24/7 Artists — Hero](https://www.details.so/inspo/247artists-ad7hp2.md)
- [Sui — Button, Hero](https://www.details.so/inspo/sui-88d75x.md)
- [Navigate — Button, Hero](https://www.details.so/inspo/nvg8-ad7czg.md)
- [Jitter — Card, Features, Stacked Scroll](https://www.details.so/inspo/jitter-872mfj.md)
- [Inkwell — Preloader](https://www.details.so/inspo/inkwell-865tuv.md)
- [Micro — Features](https://www.details.so/inspo/micro-865adn.md)
- [Telescope — Hero, Preloader](https://www.details.so/inspo/telescope-irf3ed.md)
- [Vooban — About Content, Hero, Parallax](https://www.details.so/inspo/vooban-j4s6ym.md)
- [NEVERHACK — Button, Hero](https://www.details.so/inspo/neverhack-dcf4du.md)
- [Turn.io — Footer](https://www.details.so/inspo/turn-j4yf6l.md)
- [Trawelt — Carousel, Features, Hero](https://www.details.so/inspo/trawelt-dcdn3w.md)
- [Effortel — Accordion, Features](https://www.details.so/inspo/effortel-j9cbek.md)
- [Beings — Hero, Preloader](https://www.details.so/inspo/beings-j2zz1l.md)
- [Optikka — 3D, Hero, Scroll Animations](https://www.details.so/inspo/optikka-j2zym7.md)
- [U x Machina — Rows, Testimonial Social Proof](https://www.details.so/inspo/uxmachina-d9x2xp.md)
- [JoyJam — Carousel, Features](https://www.details.so/inspo/joyjam-j8orsk.md)
- [MyHealthPrac — Hero](https://www.details.so/inspo/myhealthprac-j1z8b5.md)
- [Widelab — Hero, Preloader](https://www.details.so/inspo/widelab-j8xvek.md)
- [Medusmo — Accordion, Features](https://www.details.so/inspo/medusmo-d8rj6s.md)
- [Avalanche — Hero, Preloader](https://www.details.so/inspo/avax-cvgj7o.md)
- [Adaline — 3D, Hero, Media Showcase, Scroll Animations](https://www.details.so/inspo/adaline-iqeevj.md)

## Related categories
- [Studio](https://www.details.so/inspo/category/studio.md)
- [AI](https://www.details.so/inspo/category/ai.md)
- [Product Design](https://www.details.so/inspo/category/product-design.md)
- [Industrial](https://www.details.so/inspo/category/industrial.md)
- [Video](https://www.details.so/inspo/category/video.md)
- [Architecture](https://www.details.so/inspo/category/architecture.md)
- [Media](https://www.details.so/inspo/category/media.md)
- [Portfolio](https://www.details.so/inspo/category/industry-portfolio.md)

## For AI agents
Each inspiration link above returns a markdown summary. Full evidence (video frames, verified source excerpts) is available through the Details MCP: https://www.details.so/mcp.md