Tailwindcss Playground Experiment by Sukhpreet SinghTailwindcss Playground Experiment by Sukhpreet Singh

Tailwindcss Playground Experiment

Sukhpreet Singh

Sukhpreet Singh

This experiment was a implementation of my own syntax for component which is kind of similar to html, and inspired from mix of Svelte and Alpinejs, it's was fun to fork a open source project and building something our of it.

The project was able to

built a more functionality rich editor
add support for screenshot
adding a command palette for
Syncing facility that you can built-upon previous changes without creating a new share link
Extending the html language

What I learnt from this project was,

How to get overview and hack into a open source project, understanding the codebase initially looking a challenge for me as I wasn't able to get it how things are working yet, as after spending more time. It was clear almost to the end that my chances actually made a effect and worked finally.
Like this project

Posted Jan 13, 2024

A fork of tailwindcss playground, extending it's features and building a custom syntax for more dynamic features such as mapping over the array of items & more.