Horizon UI BoilerplateHomepage DefaultHomepage Default (opens in a new tab)Shadcn UIShadcn UI (opens in a new tab)SupportSupport (opens in a new tab)Free Shadcn UIFree Shadcn UI (opens in a new tab)
DiscordDiscord (opens in a new tab)
Default version@shadcn/ui version
  • Introduction
    • API Calls
    • Authentication
    • AWS Setup
    • Initialization
    • Pages
    • Protected Routes
    • Quick Launch
    • Stripe Subscriptions & Checkout
    • Database
    • Google OAuth
    • Payments
    • Tailwind CSS Auth UI
    • Tailwind CSS Call-to-actions
    • Tailwind CSS Charts
    • Tailwind CSS Chat AI
    • Tailwind CSS Checkout Button
    • Tailwind CSS Dashboard Tables
    • Tailwind CSS FAQ Sections
    • Tailwind CSS Footer
    • Tailwind CSS Footer Dashboard
    • Tailwind CSS Gradient Button
    • Tailwind CSS Hero Section
    • Tailwind CSS Message Box
    • Tailwind CSS Modal
    • Tailwind CSS Navbar Dashboard
    • Tailwind CSS Navbar Landing
    • Tailwind CSS Pricing Section
    • Tailwind CSS Profile Settings
    • Tailwind CSS Rating Component
    • Tailwind CSS Sidebar
    • Tailwind CSS Statistics Card
    • Tailwind CSS Subscription Page
    • Chakra UI Auth UI
    • Chakra UI Call-to-actions
    • Chakra UI Charts
    • Chakra UI Chat AI
    • Chakra UI Checkout Button
    • Chakra UI Dashboard Tables
    • Chakra UI FAQ Sections
    • Chakra UI Footer
    • Chakra UI Footer Dashboard
    • Chakra UI Gradient Button
    • Chakra UI Hero Section
    • Chakra UI Message Box
    • Chakra UI Modal
    • Chakra UI Navbar Dashboard
    • Chakra UI Navbar Landing
    • Chakra UI Pricing Section
    • Chakra UI Profile Settings
    • Chakra UI Rating Component
    • Chakra UI Sidebar
    • Chakra UI Statistics Card
    • Chakra UI Subscription Page
    • Shadcn UI Auth Component
    • Shadcn UI Charts
    • Shadcn UI Chat AI
    • Shadcn UI Checkout Button
    • Shadcn UI CTA
    • Shadcn UI Dashboard Tables
    • Shadcn UI FAQ Sections
    • Shadcn UI Footer
    • Shadcn UI Footer Dashboard
    • Shadcn UI Hero Section
    • Shadcn UI Message Box
    • Shadcn UI Modal
    • Shadcn UI Navbar Dashboard
    • Shadcn UI Navbar Landing
    • Shadcn UI Pricing Section
    • Shadcn UI Profile Settings
    • Shadcn UI Sidebar
    • Shadcn UI Statistics Card
    • Shadcn UI Subscription Page
  • About
  • Deployment
Question? Give us feedback → (opens in a new tab)
Chakra Components
Chakra UI Modal

Horizon UI Boilerplate - Default

Chakra UI Modal

This component provides the "Free User" the options to upgrade it's plan, and it is currently used in the Sidebar component, and it opens by trigerring the onOpen found in the same page.

Modal

Chakra UI Message BoxChakra UI Navbar Dashboard

Horizon UI © All rights reserved 2024