PLATFORM
  • Tails

    Create websites with TailwindCSS

  • Blocks

    Design blocks for your website

  • Wave

    Start building the next great SAAS

  • Pines

    Alpine & Tailwind UI Library

  • Auth

    Plug'n Play Authentication for Laravel

  • Designer comingsoon

    Create website designs with AI

  • DevBlog comingsoon

    Blog platform for developers

  • Static

    Build a simple static website

  • SaaS Adventure

    21-day program to build a SAAS

Question By

Solved

How to use Pine UI with Wave

Solved
juliusharris36

Sep 3rd, 2023 08:00 AM

I have a web application idea and would like to build it with wave and add pines ui for building new page functionality. Has anyone used the wave and Pines Ui to create a web application? I would like to know if there is any documentation or videos on how to connect the two.

thinkverse

Sep 3rd, 2023 08:11 AM

Best Answer

If your theme uses Tailwind and Alpine all you'd have to do is import the Pines component and rebuild your theme assets by running npm run production or whatever command your theme uses to build assets in your themes directory.

Wave's default theme and premium theme come with Tailwind and Alpine installed, so what is described above should work for both themes.

If you use a custom theme you'd have to check the package.json file for that theme and make sure it has Tailwind and Alpine installed or install it and set that up for that theme.

You might also need to run npm install inside your theme to install the dependencies before your try and build.

Wave's documentation for themes covers this.

Report
2