Tech stack checker

See what a website is built with: the framework, the animation and 3D libraries behind its motion, its UI kit and its platform. Every site in the save.design library shows its stack, free to browse; with an account, the analyzer reads any other site live.

Analyze any site

For sites not in the library yet. The analyzer comes with a save.design account.

  1. 01

    Paste the address

    In the analyzer. Any public page works; motion-heavy pages show the most.

  2. 02

    The page runs in a real browser

    The analyzer loads the page in a browser and checks it for each framework and library it knows: GSAP, Lenis, Three.js, Rive, Spline and more.

  3. 03

    Find similar sites

    Each technology links to the sites in the library built with it, so you can see how others use the same stack.

UI libraries

CSS frameworks and component kits.

Answers

How do I find out what framework a website uses?+

Look the site up in the save.design library, where every site shows its stack. For any other site, paste the address into the analyzer (it comes with an account): it loads the page in a browser and names the framework, such as Next.js, Nuxt, Astro or SvelteKit, along with the animation libraries and fonts.

How is this different from Wappalyzer or BuiltWith?+

Those cover marketing and analytics tools across the whole web. This one is built for design: it focuses on motion and 3D libraries, fonts and front-end frameworks, and saves the result next to a screenshot in your library.

What do the best-designed sites use?+

In the save.design library, GSAP (624 sites), Lenis (533 sites) and Three.js (308 sites) are the most used animation libraries, and React the most common framework.

Keep the breakdown with the reference.

Save any site you analyze, and find it later by framework, animation library, font or platform.