Logo

Component gallery

Browse reusable UI: open any full-page demo, compare card layouts and modals below (embedded only on this page).

Full-page demos

Each tile opens the matching route so you can explore that demo in isolation.

Card layouts

Card variants (image, link, icon, horizontal) use shared app-card primitives.

Card with Image

card

Card title

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Animi architecto aspernatur cum et ipsum

Read more
card

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Animi architecto aspernatur cum et ipsum

Read more
card

Card title

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Animi architecto aspernatur cum et ipsum

Card link

Card with link

Card title

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Animi architecto aspernatur cum et ipsum

Read more

Card title

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Animi architecto aspernatur cum et ipsum

Card link

Card with Icon

Card title

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Animi architecto aspernatur cum et ipsum

Card title

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Animi architecto aspernatur cum et ipsum

Read more

Horizontal Card with Image

card

Card title

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Animi architecto aspernatur cum et ipsum

Read more
card

Card title

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Animi architecto aspernatur cum et ipsum

Card link

Modal examples

Modal patterns (default, form, full-screen, centered, alerts) for comparison.

Default Modal

Form In Modal

Full Screen Modal

Vertically Centered Modal

Modal Based Alerts