Customize

Build your own April UI.

Tune the pieces that matter to your product. Preview the result, then take the variables with you.

Color palette

Choose background, surface, and accent colors.

Background

Change the surface colors independently.

Accent

Choose a separate action and highlight color.

Radius

Set the shape of controls.

Density

Choose the pace of your layouts.

Font

Select the type scale foundation.

Preview mode

See the theme in dark mode.

Live preview

See how the tokens work together.

April workspace

Overview

Good morning, Pedro

Revenue

$45,231

Orders

2,350

Growth

+20.1%

Recent activity

Billing flow updated

2 minutes ago

Done

New teammate invited

3 hours ago

Team

Quick actions

Theme variables

Use these semantic tokens in your application stylesheet.

Package-first workflow

Start with the package. Publish only what you need.

April UI keeps its components in the Composer package and uses Laravel's normal vendor override path when you need application-owned markup.

Inspect the library

php artisan april:list

Publish one component

php artisan april:publish button

Published files live in resources/views/vendor/april/components and override the matching package view through Laravel's standard view lookup rules. Run php artisan april:update --diff to review changes after an upgrade.

For editor tooling, start php artisan april:mcp. It exposes component search, source resources, and the same vendor-path publishing operation over standard input and output.