Modern Design System

Build Faster With a Polished Vectra UI

A production-friendly collection of components, patterns, utilities & animations built with Bootstrap 5, crafted for dark/light theming and rapid prototyping.

AOS Animations
ScrollSpy
Theming
Utility Classes
Hero / Media Preview
SCSS Ready
Vanilla JS
Dark / Light
Flexible

Everything is portable – copy components into any project.

Core Components

A curated preview. See full catalog for more examples.

Cards & Layout

Feature cards, stats, pricing, glass surfaces, grids.

View
Navigation

Sticky navbars, mega menu, tabs, breadcrumbs.

View
Feedback

Alerts, toasts, modals, progress & loaders.

View
Forms & Auth

Login, Register, Contact, Floating labels.

View
Sections

Pre-built marketing blocks: hero, stats, CTA.

Browse
Utilities

Spacing, gradients, glass, shadows, lists.

View
Media & Carousel

Responsive carousel with overlays.

View
Testimonials

Autoplay slider with accessible controls.

View

Authentication & Forms

Professional forms with validation states, icon inputs, floating labels, password visibility toggles, and accessible markup. Includes login, registration, password reset, contact, newsletter, multi-step, and inline forms.

Explore Forms
Login Example
Register Example
Contact Example

What People Say

Social proof powered by simple, accessible slider logic.

“Setup was basically copy & paste — tokens made re-theming trivial.”

User
Priya N.
Founder

“The dark mode gradients + glass effects look premium out of the box.”

User
Leo R.
Engineer

“Loved the marketing section approach — saved hours of layout work.”

User
Marisa D.
Product

Pricing Layout

Portable pricing section with subtle animation and feature list.

Starter

For prototypes & personal work

Free / forever
  • Basic Components
  • Auth Pages
  • Email Support
Enterprise

Custom & high scale

$99 / mo
  • Everything in Pro
  • Priority Requests
  • Dedicated Manager
  • Custom Themes

Utility Collections

A focused set of custom utility classes supplementing Bootstrap for gradient text, glass surfaces, depth, spacing, grid demos, counters, animations, outlines, and specialized layout helpers.

See Utilities
Gradient
Glass
Depth
Spacing
Grid
Motion