Theme

Installation

👋🏻 Welcome to the Stowlog UI documentation!

Requirements:

  • Next.js 12 or later
  • React 18 or later
  • Tailwind CSS 4 or later
  • Framer Motion 11.9 or later
  • Hero UI React 2.8.5 or later
  • Iconify React 6.0 or later
  • Next Themes 0.4 or later

Manual installation:

  1. 1

    Add dependencies

    Install the Stowlog UI CLI globally or use it with npx:
  2. 2

    Initialize in your Next.js project

    In your Next.js project root directory, run the initialization command:
  3. 3

    Setup Configuration (Follow these steps after init)

    After running stowlog-ui init, you will see these instructions. Follow them to complete the setup:
  4. 4

    Update your globals.css

    Make sure your existing src/app/globals.css looks like this:
  5. 5

    Create providers.tsx

    Create src/app/providers.tsx:
  6. 6

    Update your main layout

    Update your main layout (src/app/layout.tsx):
  7. 7

    Start using components

    You can now start using Stowlog UI components in your Next.js app:
  8. 8

    Update components (when needed)

    To update to the latest version of components: