Button An interactive control component for actions and navigation. Supports multiple colors, visual styles, sizes, and states through the recipe system.

We just shipped Styleframe v3.3.0 🎉

Introducing the first recipes for our default theme: a big step toward a fully composable design system.

- Badge & Button components with beautiful defaults
- Fully type-safe
- Consistent, scalable theming

bit.ly/47lQ6kU

#TypeScript #CSS #DesignSystems

Styleframe v3.2.0 is live! 🎉

The `@variablename` syntax is now widely supported for safely referencing variables in other variables, refs, selectors, utilities and recipes.

#TypeScript #CSS #DesignSystems

Release v.3.0.0 · styleframe-dev/styleframe What's Changed refactor: Introduce global styleframe instance by @alexgrozav in #114 feat: Integrate scanner algorithm by @alexgrozav in #115 feat(theme): add Badge recipe with createUseRecipe fac...

Styleframe v3.0.0 is live! 🎉

• Global Styleframe instance with extension files
• Scanner plugin with Tailwind-like utility support - write utility classes in markup and auto-generate the styles

Read more: github.com/styleframe-d...

#DesignSystems #TypeScript #CSS #WebDev

Release v2.6.0 · styleframe-dev/styleframe What's Changed feat: add license dependency and update runtime init by @alexgrozav in #102 feat: Add Figma plugin for Styleframe variables import/export by @alexgrozav in #83 refactor: Reorganize ...

Styleframe v2.6.0 is out 🚀

✨ Big one: Figma plugin for importing/exporting Styleframe design tokens as Figma Variables (DTCG-friendly) - keeping design + code in sync.

Changelog: github.com/styleframe-d...

Figma Plugin - Design Tokens Sync Styleframe is the source of truth for your design tokens. Sync variables between code and Figma using the W3C DTCG format, with full multi-mode support.

If your "single source of truth" is manually entering tokens in both code and Figma... we need to talk.

🆕 Styleframe – Design Token Sync (Figma)
✅ W3C DTCG import/export
✅ Figma Variables + aliases preserved
✅ Multi-mode themes intact (light/dark)

styleframe.dev/figma #figma #dtcg

Release v2.5.0 · styleframe-dev/styleframe What's Changed docs: Clarify composables patterns and best practices by @alexgrozav in #91 docs: Clarify interpolation performance and optimization implications by @alexgrozav in #90 docs: Enhance...

🚀 Styleframe v2.5.0 is out!

New design token presets, clearer APIs, API improvements to make styling in TypeScript even better. 🔥

Dive in: github.com/styleframe-d...

#webdevelopment #css #typescript #ui #ux #dx

Utilities Overview Explore Styleframe's utility composables for generating CSS utility classes. Create flexible, reusable styling primitives with full type safety.

Just shipped over 200 pre-made utility classes generators to Styleframe! ⚡

Flexbox, Grid, Typography, Transforms, Spacing... 15 categories total.

Tailwind-style utilities, fully type-safe and under your complete control: www.styleframe.dev/docs/utilities

#webdev #ui #ux #dx

Hey! Thank you for the suggestion! We'll launch on LaunchVibe too. 🥳

🎉 Happy New Year!

Kicking off 2026 with a big one: styleframe Recipes are out today 🚀

Type-safe, variant-driven component styling with static CSS, zero runtime overhead fully integrated into Styleframe.

Can’t wait to see what you build! ✨

#ui #ux #dx #webdev

Something new is cooking in Styleframe's kitchen... 🍳

Recipes are coming soon.

Typed variants, auto-generated utilities, optional runtime - all powered by your design system.

#opensource #webdevelopment #ui #ux #dx

Styleframe: Type-safe, Composable CSS and Design Systems in TypeScript | Product Hunt Type-safe, composable CSS - from simple UI styles to full Design Systems, write code using Styleframe’s powerful TypeScript CSS API - AI-ready by design.

We're live on ProductHunt! 🚀

Styleframe is out in the wild, and if you have a moment today, we'd love your support and feedback.

🔗 www.producthunt.com/products/sty...

#producthunt #webdevelopment #ui #ux #dx

What is happening right now? That was just 4 hours ago... 😱

Absolutely blown away. 🤯

Thank you to everyone who checked out styleframe in the last 48 hours. 💛