Adding flowbite and dasiy UI to windframe

Enhancing your Windframe projects by integrating UI component libraries like Flowbite and daisyUI can significantly streamline your development process. Here is how you can seamlessly add these libraries to Windframe.

Overview

Windframe makes it easy to integrate third-party component libraries like Flowbite and DaisyUI. This guide walks you through installing, importing, customizing, and exporting components from these libraries.

  1. Access the Windframe Visual Builder

  • Open the Windframe Editor.

  • Create a new project.

create-project

  1. Install Flowbite or DaisyUI

  • Click the Import button to open the library options.

import-button.

  • Choose Install Flowbite or Install DaisyUI.

install-flowbite

The library will be added automatically.

  1. Import Components

  • Copy the HTML code for the desired component from Flowbite or DaisyUI.

  • In Windframe, click Import → HTML Import.

html-import-options

  • Paste the code into the modal and click Import.

import-components

  1. Customize Components

  • Select the imported component in the editor.

  • Use the visual editor to:

    • Adjust styles

    • Modify properties

    • Change text/images

customize-component

  • Save your changes.

  1. Export Your Project

  • Click the Export button.

Export

  • Select your desired format (HTML, CSS, snippet).

choose-format

  • Click Download File to save.

download-file