byline a vim tailwind CSS editor
byline a vim tailwind CSS editor
Hello fellow hackers. I've reached that point in this little passion project where I could use some feedback. I'm a long time vim user and a recent student of the tailwind css system. I wanted a few things: 1. Never have to close a tag or type the word "class" or quotes. 2. See an instant preview of what the rendered HTML looks like on screen. 3. Use normal vim commands to make small edits. 4. Get a popup menu with common tailwind classes to add as you type. 5. Be able to "zoom in" to a child node and make it temporarily the root node. (Hit Enter for this feature, and up arrow to get back to normal parent node.) I have it running here: https://andrewarrow.dev/ Video demo here: https://www.youtube.com/watch?v=E0dd9SzI9Ro All open source MIT license: https://github.com/andrewarrow/byline You might think a lot of javascript/typescript went into this project but oh-no! This is all golang wasm (web assembly). Feedback most welcome on what features should be added next OR go ahead and tell me this is all just a bad idea for reasons x y and z. Please and thank you.
Share cardActual performance
Launch Intel predictions
Analyze your own launch →Incorrect prediction on native model
Similar products
Installing Tailwind CSS in Gridsome
AI-powered style & layout editor for Tailwind CSS
Design System for Tailwind CSS
Tailwind CSS Calculator
Tailwind Builder – online editor for the Tailwind CSS framework
Gust – Tailwind CSS for WordPress
I made tailzilla – A online code editor for Tailwind CSS
The Figma for Tailwind CSS
A playground for Tailwind CSS
Tailwind CSS Bundle for TextMate2