Components
Every my-eyes component, rendered from the real Blade views.
Buttons
Solid, outline and low-emphasis variants across six roles.
Form controls
Click into a field: the border thickens to 2px and picks up a soft halo — one line, no offset ring. Invalid fields focus in red.
As it appears on your documents.
Enter a valid email address.
Click the eye to reveal.
Type freely — it formats on blur. Arrow keys step.
Choices
Native controls, restyled — keyboard and form behaviour intact.
Upload
Drop a file, or click to browse. Try dragging an image in.
Feedback
Tinted rather than saturated, so a busy page stays calm.
Custom select
Its own list: multiple selection, search, groups, per-option descriptions and disabled items. Becomes a bottom sheet on phones.
Nenhuma opção corresponde
Nenhuma opção corresponde
Multiple selection, grouped, with one option disabled.
Colour modes
Light, dark, and system — which follows your OS and is the default. The toggle in the top bar cycles all three; this menu picks one directly.
Progress
Linear and circular, determinate and indeterminate.
Tooltip
Hover or tab to a control. Flips when it would run off screen, and the arrow keeps pointing at the trigger even when the body is nudged back inside.
Toasts
They stack and cascade. The progress bar IS the timer — hover a toast to pause both.
Data table
Sorting, quick search, advanced filters, page size and pagination — all server-driven through the query string. Rows fade in with a slight stagger.
Confirmation modal
Native <dialog>: real backdrop, Escape to close, focus trapped by the browser. Colour follows the role.
Error pages
Severity follows the status code — 4xx warns, 5xx alarms.
Starter kit pages
Real views from the package, rendered here with their outer document stripped. Publish them over a Breeze or Fortify install with vendor:publish --tag=my-eyes-pages.
Error page (404)