'Stunning Apps', 'subtitle' => 'Experience the power of super bloated PHP development with our gigantic and truly unwieldy component-based framework. Seriously though this page only serves as an example repository of different styles and blocks.', 'cta_text' => 'Get Started Free(mium)', 'cta_link' => '#features' ]) ?> [ ['number' => '10K+', 'label' => 'Happy Vibe Coders'], ['number' => '<1s', 'label' => 'Page Load Time'], ['number' => '99.9%', 'label' => 'Uptime'], ['number' => '24/7', 'label' => 'Support'] ] ]) ?>

Demo

Try our UNBELIEVABLE components in action

Modern Forms

Button Variations

Theme Families

Compare the starter’s built-in theme families and jump to the live gallery.

Preview Theme

Starter Themes

The original light and dark starter skins remain available in the same gallery for side-by-side checks.

Open Gallery
'Ready to Transform Your Development?', 'subtitle' => 'Join thousands of developers who have already modernized their workflow with our framework.', 'cta_text' => 'Start Your Project', 'secondary_text' => 'View GitHub' ]) ?>

Component Development Guidelines

🏷️ Use semantic HTML5 elements
🎨 Implement CSS custom properties for theming
📱 Add responsive design with mobile-first approach
♿ Include accessibility attributes (ARIA, alt text)
⚡ Use progressive enhancement for JavaScript features

Simple Data Table (ag-Grid)

Basic data table with auto-generated columns, sorting, and filtering:

[ ['name' => 'John Doe', 'age' => 25, 'gender' => 'male', 'department' => 'Engineering', 'salary' => 75000, 'active' => true], ['name' => 'Jane Smith', 'age' => 30, 'gender' => 'female', 'department' => 'Design', 'salary' => 82000, 'active' => true], ['name' => 'Bob Johnson', 'age' => 35, 'gender' => 'male', 'department' => 'Marketing', 'salary' => 68000, 'active' => false], ['name' => 'Alice Brown', 'age' => 40, 'gender' => 'female', 'department' => 'Engineering', 'salary' => 95000, 'active' => true], ['name' => 'Dave Wilson', 'age' => 45, 'gender' => 'male', 'department' => 'Sales', 'salary' => 72000, 'active' => true], ['name' => 'Eve Davis', 'age' => 50, 'gender' => 'non-binary', 'department' => 'Management', 'salary' => 110000, 'active' => true], ['name' => 'Charlie Miller', 'age' => 28, 'gender' => 'male', 'department' => 'Engineering', 'salary' => 78000, 'active' => true], ['name' => 'Sarah Taylor', 'age' => 33, 'gender' => 'female', 'department' => 'Design', 'salary' => 85000, 'active' => false], ], 'height' => '350px' ]) ?>