Styleframe

35 posts

Styleframe

Styleframe

@styleframe_dev

https://t.co/CBMCCAI6Td - the Design Systems Engine for serious TypeScript applications. Enjoy type-checked tokens, themes, utilities, recipes and selectors.

styleframe.config.ts Присоединился Haziran 2025
49 Подписки5 Подписчики
Styleframe
Styleframe@styleframe_dev·
We've just released styleframe@3.7.0! 🎉 What's new: · Variable and utility usage detection and purging for much leaner outputs · Unified fluid and static font size design tokens · Named Props types exported from the virtual module · Rewritten 15min guide, new Elements docs, and a framework switcher
Styleframe tweet media
English
0
1
2
175
Styleframe
Styleframe@styleframe_dev·
Your design tokens shouldn't live in two places. The `pnpx styleframe dtcg export` command emits spec-conformant W3C DTCG JSON. Figma reads it. Style Dictionary reads it. Tokens Studio reads it. Bidirectional. Free. No limits.
English
0
1
1
70
Styleframe ретвитнул
Alex Grozav
Alex Grozav@alexgrozav·
Designers, how are you handling design token updates from your dev team right now? Manual edits? A plugin? Pretending it's not a problem? Tokens should live in code and land in @figma without anyone retyping a hex value. Forever free → styleframe.dev/figma
English
0
2
2
79
Styleframe
Styleframe@styleframe_dev·
Tailwind JIT scans your templates. So does Styleframe, except every utility is a factory function you registered. Don't like .bg-primary? Swap functions and you've got ._background:primary. Same transpiler, your naming. Complete control. #webdev #tailwindcss #typescript #css
English
0
0
0
9
Styleframe
Styleframe@styleframe_dev·
The Styleframe recipe runtime is ~1.4KB ESM, dependency-free, and only ships if you actually define a recipe. No recipes = static CSS, zero JS in the bundle. ⚡ #webdev #css #typescript
English
0
0
0
6
Blake Emal
Blake Emal@heyblake·
Fork it Drop your landing page URL I'll give 1 piece of advice to as many of you as I can
English
380
0
146
26K
Styleframe ретвитнул
Zain Shah
Zain Shah@zan2434·
Imagine every pixel on your screen, streamed live directly from a model. No HTML, no layout engine, no code. Just exactly what you want to see. @eddiejiao_obj, @drewocarr and I built a prototype to see how this could actually work, and set out to make it real. We're calling it Flipbook. (1/5)
English
1.1K
3.7K
28.6K
5.9M
Styleframe
Styleframe@styleframe_dev·
We're working on an update to allow DESIGN.md to be used to generate a styleframe configuration. It'll be the best of both worlds: a design system with the look and feel you want to reproduce, but with the constraints and high quality you're used to from us. #PutAStopToTheSlop #ui #ux #dx #typescript
David East@_davideast

What DESIGN.md is and isn't. ISN'T - A rendering syntax - A replacement for CSS - An opinionated design system format - A component library IS - Describes design intent - Captures descions "why we use this grid" - Reasoning of design concepts, "minimalist layouts" or "editorial headings" - Establishes an aesthetic with latent associations, "cream stationary" surfaces and "ink" text - Documents positive and negative constraints. "Use all caps for headings" or "Never use pure white #fff for surfaces" This creates a documented visual identity for humans to read and persistent contextual memory to ground agents.

English
0
0
3
199
Styleframe
Styleframe@styleframe_dev·
@_davideast We're working on an update to allow DESIGN.md to be used to generate a styleframe configuration. It'll be the best of both worlds: a design system with the look and feel you want to reproduce, but with the constraints and high quality you're used to from us. #PutAStopToTheSlop
English
0
0
1
460
David East
David East@_davideast·
What DESIGN.md is and isn't. ISN'T - A rendering syntax - A replacement for CSS - An opinionated design system format - A component library IS - Describes design intent - Captures descions "why we use this grid" - Reasoning of design concepts, "minimalist layouts" or "editorial headings" - Establishes an aesthetic with latent associations, "cream stationary" surfaces and "ink" text - Documents positive and negative constraints. "Use all caps for headings" or "Never use pure white #fff for surfaces" This creates a documented visual identity for humans to read and persistent contextual memory to ground agents.
English
11
25
243
23.9K
Styleframe
Styleframe@styleframe_dev·
We’re one step closer to building high quality Design Systems in a matter of minutes. And no, you don’t even need AI to do it. 🚫🤖 We shipped 12 hand-tuned, highly configurable Styleframe recipes for components in the past two weeks. #css #typescript #designsystem #ui #ux
English
0
2
2
185
Styleframe
Styleframe@styleframe_dev·
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 - Scalable theming bit.ly/47lQ6kU #TypeScript #CSS #DesignSystems
English
0
1
2
114
Styleframe
Styleframe@styleframe_dev·
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
English
0
0
1
10
Styleframe
Styleframe@styleframe_dev·
Styleframe v3.1.0 is live! 🎉 ✅ 68 utility modifier composables (hover, focus, aria-*, dark, rtl, open & more) ✅ Deterministic hashing for arbitrary CSS values ✅ 8 new e2e test specs Type-safe. Production-ready. #WebDev #TypeScript #CSS #DesignSystems
English
0
1
1
87