Styleframe Logo
Back to changelog
v3.5.0

Try it in the browser

You shouldn't have to set up a project to see what Styleframe does. This release adds an in-browser playground where you can write config and watch the CSS and rendered output update live — and restructures the docs around it.

New

  • An interactive playground. Write Styleframe config in the browser and see the generated styles immediately. It ships with a viewport toggle, refresh, open-in-tab actions, and Card and Button samples to start from.
  • More recipes. Input (with outline, soft, and ghost variants), Dropdown (item, separator, label, and arrow parts), and a Hamburger Menu recipe with seven animations landed.

Improved

  • Docs split into sections. The documentation is now organized into sections with a sticky sub-header, so the navigation stays oriented as pages grow.
  • Fluid typography in the preset. The design-tokens preset now includes fluid typography out of the box.

Fixed

  • The sidebar navigation remounts on section change, so category groups expand correctly instead of showing stale open state.
  • The mobile hamburger menu flattens grouped navigation so nested items are reachable.
View the v3.5.0 release on GitHub