Repository navigation
v1.0.0
Release v1.0.0: TailwindCSS Layout Builder
We are thrilled to announce the first release of TailwindCSS Layout Builder, a web-based layout builder designed to streamline the creation and management of custom layouts using draggable blocks. Built with Tailwind CSS, this tool offers a range of features to enhance your design workflow.
Features
- Drag-and-Drop Interface: Effortlessly arrange layout blocks using a user-friendly drag-and-drop interface.
- Dark Mode: Switch between light and dark themes to suit your preference.
- Project Import/Export: Save and load your projects from JSON files for easy management.
- HTML Export: Export your current layout as clean HTML, ready for deployment.
- Custom Tailwind Configuration: Apply and customize Tailwind CSS configurations to tailor the design to your needs.
- Block Editing: Edit the content of individual blocks directly within the layout builder.
- Sidebar Toggle: Show or hide the sidebar to optimise your workspace and focus on your design.
Roadmap for Next Release
- Simple Content Editor: Implement a straightforward editor for page content.
- Project Structure Enhancement: Introduce a new
skeletonproperty to the project JSON, moving the configuration into it, along with a class editor for thebodytag. - Mobile Version: Develop a simplified version of the builder for mobile devices, allowing users to save export files in HTML format on their devices.
We believe TailwindCSS Layout Builder will be a valuable tool for entrepreneurs and developers, making layout creation more intuitive and efficient. Try it out and elevate your design process!
Changelog: https://github.com/hinddy/tailwind-builder/commits/v1.0.0
Author: @alexy-os
License: MIT