The intuitive UI UX DX Components library that gives you the foundation for building high-quality, accessible, and customizable @vuejs Design Systems
undefined
Joined October 2017
- Tweets222
- Following83
- Followers613
- Likes271
Inkline retweeted
Big win! I’ve improved the performance of UXFront’s particle art renderer on the homepage.
Honestly can’t believe how smooth it is! 🤯
uxfront.com
Inkline retweeted
We've put the Open Components standard behind an MCP server: 11 components and 411 rules so far.
Connect it, and your agent checks your implementation against a component's contract, rule by rule.
Free, no sign-in. We'd love to hear how it goes.
opencomponents.dev/docs/gett…
Inkline retweeted
Buttons are the most common interactive component. So the Button is Open Component's first component.
We've written the guidelines for one that looks right, works for everyone and can be checked by your agents, with code examples in seven frameworks.
opencomponents.dev/docs/comp…
Inkline retweeted
I'm starting Open Components, an open standard for UI components that work for people, developers and AI agents.
I've spent 10 years building UI libraries and trying to perfect the components in them. Now I want to share what I've learned 🧵
Inkline retweeted
POV: your CSS utility classes read like natural CSS, stay under your control, and are type-checked.
• Tailwind: bg-pirmary -> Why is my button still gray!?
• Styleframe: _background:pirmary -> Error: Variable "color.pirmary" is not defined
Port your TailwindCSS codebase to Styleframe, step by step styleframe.dev/docs/getting-…
Inkline retweeted
If you know Tailwind's responsive prefixes, you already know Styleframe's.
The sm / md / lg / xl / 2xl utility class modifiers now ship in the theme preset. The prefix resolves to a real media query out of the box.
Inkline retweeted
styleframe 3.9.0 is out 🎉
20+ new component recipes in a single release: Select, Switch, Slider, Tabs, Accordion, Calendar, ColorPicker, OTP, Drawer, Sidebar, plus the full form-field lineup.
Type-safe design systems in TypeScript, compiled to CSS.
github.com/styleframe-dev/st…
Making huge progress on Inkline 5! 🚀
We're building a compiler that speaks 7 frameworks: React, Vue, Solid, Svelte, Angular, Astro and Qwik.
Already shipped:
- static rendering
- styling @styleframe_dev
- props
- slots
- context
All components in headless and styled versions.
Inkline retweeted
For years I've wanted to write truly high-quality UI components, and have everyone get them. Not just React or Vue devs. Everyone.
The problem is that the same components have to be rewritten for every framework, and each rewrite is a chance to compromise.
So I'm building a compiler. 🧵
Inkline retweeted
Styleframe v3.8.0 is out! 🚀
Smaller output, smarter scanning, and a tighter Figma workflow.
• Build-time class name shortening
• Dynamic utilities for unmatched CSS properties
• Figma specific export/import via CLI
• Recipe-level tree-shaking
• Now on Vite 8 w/ Rolldown + oxc
Inkline retweeted
Shipped another huge DX win for @styleframe_dev! Utility classes are now minified automatically at build time.
_color:primary -> _c:p
Write utility classes in natural CSS-like syntax during development. Ship smaller HTML and CSS than Tailwind (-15% gzipped), zero loss of DX.
Inkline retweeted
We've just released [email protected]! 🎉
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
ALT Styleframe - v3.7.0 Release
Inkline retweeted
We're welcoming contributions from all of our community! 💚
We've added a complete CONTRIBUTING.md guide to help you get started: github.com/styleframe-dev/st…
#opensource #foss
Inkline retweeted
Styleframe now has a playground! Write type-safe CSS in your browser and see it render instantly.
No install, no config. Just try it live: play.styleframe.dev
#typescript #css #webdev
Inkline retweeted
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.
Inkline retweeted
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
We’re officially starting Inkline’s rewrite to be a headless components library with @styleframe as a theming engine 🙌
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
Inkline retweeted
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
Inkline retweeted
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
Inkline retweeted
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-dev/st…
