Skip to content

Autogenerate Tailwind CSS component layouts with an HTML drag-and-drop editor. Export and save HTML file to use in your own projects.

License

Notifications You must be signed in to change notification settings

kineticquant/windframe

Repository files navigation

windframe

Autogenerate Tailwind CSS component layouts with an HTML drag-and-drop editor. Export and save HTML file to use in your own projects. This simple application has no backend which makes it super simple to utilize, and also no Javascript libraries or frameworks, reducing all dependencies down to simple Javascript, and customizable Tailwind CSS components.

TailwindCSS JavaScript HTML

About

Drag and drop Tailwind components from the left-hand side of this application into the canvas easily! Place them exactly where you want for formatting, then subsequently generate an HTML export of your canvas which is available for download instantly. This file will download as "windframe.html" and include the CDN for Tailwind CSS inside of it automatically.

Key Benefits

  • Simple UI available to be launched locally
  • Serverless setup and has absolutely no back-end
  • Contains a components.json which can be modified to add whatever component designs are desired, or new components as-desired
  • No limitations on where you add elements on the canvas
  • No JS frameworks or libraries, so no management of dependencies required

Windframe

About

Autogenerate Tailwind CSS component layouts with an HTML drag-and-drop editor. Export and save HTML file to use in your own projects.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published