UI Component Library — Professional Neutral

A compact library of reusable UI pieces you built this week: buttons, cards, hero variations, navigation, footers, testimonials and grid patterns — all responsive and easy to reuse for future projects.

Buttons

Primary

<button class="btn btn-primary">Primary</button>

Outline

<button class="btn btn-outline">Outline</button>

Ghost (subtle)

<button class="btn btn-ghost">Ghost</button>

Hero Variations

Hero — Centered

Use for emotional, brand-focused landing pages.

Quiet Luxury

Minimal, timeless pieces.

Hero — Split

Image left, text right — classic product focus.

The Voyager Coat

Tailored proportions with relaxed comfort.

Hero — Minimal

Tight layout for promotions & season launches.

Season Sale

Up to 40% off select styles.

Feature & Product Cards

Feature Card

Premium Materials

Long-lasting fabrics with considered sourcing.

<article class="feature-card">...</article>

Product Card

Classic Shirt

₹2,499
<article class="product-card">...</article>

Testimonial

“Excellent quality and fast delivery — I recommend it.”

- Sanya
<blockquote class="testimonial-card">...</blockquote>

Testimonials

“The jacket fits perfectly. The fabric is amazing.”

— Rahul, Mumbai

“Customer support was excellent and responsive.”

— Ananya, Delhi

“Packaging premium; product matched the photos exactly.”

— Vikram, Bengaluru

Responsive Grid Patterns

4-column grid

1
2
3
4

3-column grid

A
B
C

Auto-fit fluid

item
item
item
item
item
item