u/Speedware01

TL;DR: https://windframe.dev/styles/linear

Hi everyone 👋

I’ve been experimenting with generating interfaces inspired by the clean, structured styling often associated with Linear. Focusing on typography, spacing, and layout clarity rather than heavy visual decoration.

I ended up building a UI system that makes it really easy to generate interfaces using this design style when prompted, and it does so consistently. It generates both full UIs and assets that match the Linear design style

I also put together a collection of templates built around this style that you can use directly in your Vue projects as starting points.
You can access those templates here
https://windframe.dev/styles/linear

I made this a selectable style option when generating UIs on Windframe, so that when you can choose this preset style it gives your Vue interfaces that clean, polished look.

If you’re not familiar with Windframe, it’s an AI visual editor that lets you generate polished UI with AI, tweak it visually in a canvas, and export clean production code in Vue (along with HTML, and other frameworks)

Also exploring making this available via MCP and possibly a CLI workflow.

Appreciate any feedback or thoughts :)

TL;DR: https://windframe.dev/styles/linear

Hi everyone 👋

I’ve been experimenting with generating interfaces inspired by the clean, structured styling often associated with Linear. Focusing on typography, spacing, and layout clarity rather than heavy visual decoration.

I ended up building a UI system that makes it really easy to generate interfaces using this design style when prompted, and it does so consistently. It generates both full UIs and assets that match the Linear design style

I also put together a collection of templates built around this style that you can use directly in your React projects as starting points.
You can access those templates here
https://windframe.dev/styles/linear

I made this a selectable style option when generating UIs on Windframe, so that when you can choose this preset style it gives your React interfaces that clean, polished look.

If you’re not familiar with Windframe, it’s an AI visual editor that lets you generate polished UI with AI, tweak it visually in a canvas, and export clean production code in React (along with HTML, and other frameworks)

Also exploring making this available via MCP and possibly a CLI workflow.

Appreciate any feedback or thoughts :)

TL;DR: https://windframe.dev

Hi everyone 👋

I’ve been building a gradient picker for Tailwind inside Windframe.

Most gradient tools feel either too basic or too manual, and they’re not really built around how Tailwind gradients work. I wanted something that maps directly to Tailwind’s gradient classes.

You can tweak gradients visually, see changes in real time, with every change mapped directly to Tailwind gradient classes.

If you’re not familiar with Windframe, it’s a Tailwind visual editor that combines AI and a canvas to help you build great-looking UIs without thinking much about Tailwind classes.

You can try out the gradient picker here: https://windframe.dev

Appreciate any thought/feedback!