TailwindCSS styles are now embedded `inline`

Not one extra line of code, Carl. No frameworks! Pure html, css and js!

Release v.1.0.2

This version fixes minor bugs and improves the interface. An important option has been added: Use Development Styles. By default, export to HTML is done with inline css styles. If developer mode is needed, clicking on this option, the resulting file will have dynamic CDN Tailwind connection + configuration settings.

Also, fixed display of fonts in the editor area. Choose the best fonts here and install in the configuration editor in the field: "sans": ["Lato", "sans-serif"].

Try for example: Outfit, Nunito, Inter. See more examples wiki - favorite fonts

1.0.1

Release v1.0.1: TailwindCSS Layout Builder - Empowering Indie Hackers and Entrepreneurs

We're thrilled to unveil TailwindCSS Layout Builder v1.0.1, a significant leap forward in web design efficiency. This release builds upon our inaugural version, enhancing every aspect to deliver a more powerful, intuitive, and versatile tool for indie hackers, entrepreneurs, and web developers alike.

Key Enhancements:

1. Mobile Mastery: Our fully optimised mobile version now allows direct HTML export to your device, enabling on-the-go creativity.

2. Interface Overhaul: Experience a completely revamped, user-centric interface that streamlines your workflow.

3. Intelligent Editor: Enjoy beautiful element highlighting and automatic formatting removal when pasting content.

4. Shortcut Savvy: Boost productivity with new keyboard shortcuts across Mac, Linux, and Windows platforms.

• Paste without formatting: Mac (Cmd + Shift + V), Windows/Linux (Ctrl + Shift + V)

5. Unified Project Structure: All page properties, including configuration, body classes, and code snippets, are now conveniently stored in a single 'skeleton' array.

6. Reset Functionality: Swiftly revert to default settings, perfect for rapid experimentation.

7. Comprehensive Import: Seamlessly import complete projects, including custom page skeletons and block sets.

Building on Our Solid Foundation:

• Intuitive Drag-and-Drop Interface
• Dark Mode Toggle
• Project Import/Export via JSON
• Clean HTML Export
• Customisable Tailwind Configuration
• In-line Block Editing
• Collapsible Sidebar

TailwindCSS Layout Builder v1.0.1 is more than just a tool; it's a launchpad for your web projects. Whether you're crafting an MVP, conducting A/B tests, or building a full-fledged startup, our builder provides the speed and flexibility you need

"From concept to launch, faster than ever. TailwindCSS Layout Builder: Where indie dreams become digital realities."

Join the HinddY ecosystem today and transform the way you build for the web. Your next big idea is just a drag and drop away!

---

💡 Who Is This For?

• Indie Hackers: Launch MVPs faster than ever before.
• Startup Founders: Test ideas without significant development investments.
• Web Designers: Create stunning layouts with minimal effort.
• Entrepreneurs: Bring your ideas to life, even without deep technical knowledge.

🛠 What's Next?

We're not resting on our laurels! Here's what you can look forward to:

• - AI integration for automatic layout generation
• - API for expanded functionality
• - Showcase of ready-made design systems for instant application

🌟 Join the Web Development Revolution!

HinddY isn't just a news site; it's a community of innovators and creators. We believe in the power of independent development and strive to provide you with everything you need for success.

---

Try It Now: BuildY / Learn More: HinddY

#BuildY #IndieHacking #WebDevelopment #TailwindCSS

Full Changelog: v1.0.0...1.0.1

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 skeleton property to the project JSON, moving the configuration into it, along with a class editor for the body tag.
• 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