Test Components (Before)

Counter Component

0
Click the buttons to test Livewire functionality

Form Component

List Component

Learn Livewire
Build components
Test functionality
0 of 3 items completed

Main AI Builder Component

  •
    Initial Interview
  •
    Ideal Customer Persona (ICP)
  •
    The Pain
  •
    The Deep Fear
  •
    The Payoffs
  •
    Signature Method
  •
    The Mistakes
  •
    The Prize

Value Canvas Agent

dentbot
Hello - Let's get started with the Value Canvas.
dentbot
Version Limit Reached: Maximum version limit (100) reached. No more versions can be created for this content.
Your Value Canvas
Initial Interview
Verify
Name: Joe Company: ABC Company Industry: Technology & Software Outcomes: Help clients lose weight

Test Components (After)

Toggle Component

2 of 5 features are active
Enable Feature

Turn on the main functionality

Notifications

Show system notifications

Dark Mode

Switch to dark theme

Auto Save

Automatically save changes

Debug Mode

Show debug information

Current State:

Enable: OFF
Notifications: ON
Dark Mode: OFF
Auto Save: ON
Debug: OFF

Search Component

Found 8 result(s)

Laravel Framework

PHP web application framework

Framework ID: 1

Vue.js

JavaScript framework for building user interfaces

Frontend ID: 2

Livewire

Full-stack framework for Laravel

Library ID: 3

Tailwind CSS

Utility-first CSS framework

Css ID: 4

Alpine.js

Lightweight JavaScript framework

Frontend ID: 5

Inertia.js

Modern monoliths with classic SPA feel

Library ID: 6

Bootstrap

CSS framework for responsive web design

Css ID: 7

React

JavaScript library for building user interfaces

Frontend ID: 8

Chart Component

Sales - Bar Chart

396
Total
6
Data Points
66
Average
Raw Data
Label Value Percentage
Jan 65 16.4%
Feb 59 14.9%
Mar 80 20.2%
Apr 81 20.5%
May 56 14.1%
Jun 55 13.9%

Modal Component

Modal Events

Click any modal button above to test different modal types and interactions.

Each modal demonstrates different use cases and styling options.