💨Sidewind

Tailwind but for state

Sidewind is a light (~7k minified) state management solution designed to work together with utility CSS based frameworks, such as Tailwind.css.

Sidewind was designed small sites and applications in mind. It allows you to sprinkle state where you need it right in the HTML structure.

For anything more serious, it’s a good idea to combine it with a solution that comes with a component abstraction. For example, Gustwind site generator was designed for this purpose.

In addition to being light, the approach follows the principle of progressive enhancement making your pages accessible even if JavaScript isn’t available.

Examples

To get an idea of what it’s like to develop with Sidewind, try tweaking the following examples.

Calculator

Editor

  
Total:

TODO List

Editor

  

Tabs

Editor

  
Animals tab
Languages tab
Colors tab

Code Editor

Editor

  

  

License

MIT.