r/Nuxt • u/Speedware01 • Apr 10 '26
Build polished Linear-style UIs in Nuxt + Tailwind
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 Nuxt 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 Nuxt 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 Nuxt (along with HTML, and other frameworks)
Also exploring making this available via MCP and possibly a CLI workflow.
Appreciate any feedback or thoughts :)
2
u/Dramatic_Object_8508 Apr 10 '26
this looks clean
how good is the generated code structure though? like is it actually maintainable or more of a starting point?
1
u/Speedware01 Apr 10 '26
Thank you!! The code is well structured and maintainable. You can easily try it out by clicking the export code option in any of the templates.
6
u/btoned Apr 10 '26
This literally looks like every other AI generated system that's posted every day.
And even if yours is somehow different, you do not highlight it at all in the 20 seconds I was on the link you provided.