UI Library

Elements & Components

A comprehensive collection of all available UI components, blocks, and design elements. Mix and match to build your perfect website.

Foundation

Typography

Headings, paragraphs, inline elements, and text utilities.

Headings

Heading 1 — Bold & Impactful

Heading 2 — Section Titles

Heading 3 — Sub-Sections

Heading 4 — Card Titles

Heading 5 — Small Headings
Heading 6 — Smallest Heading
Display

Text Styles

This is a lead paragraph. It's slightly larger and designed for introductions and important opening statements.

This is a regular paragraph with relaxed line height. It represents the default body text used throughout the template. Good typography is the foundation of great web design.

This is small text, commonly used for captions, metadata, and supplementary information.

Bold text Italic text Link text Highlighted Deleted text
Gradient Text Style

"Design is not just what it looks like and feels like. Design is how it works."

— Steve Jobs

Section Labels & Titles

Label Text

Section Title

This is a section subtitle that describes the content below.

With Divider

A variation using a gradient divider above the title.

Badge Label

With Badge

A variation using an inline badge before the title.

Interactive

Buttons

All button variants, sizes, and states.

Variants

Primary Secondary Outline Ghost Success Danger Warning

Sizes

Small Button Default Button Large Button

With Icons

Continue Download Watch Demo

On Dark Background

White Button Primary Button Outline White
Components

Cards

Feature cards, service cards, testimonial cards, and more.

Feature Cards

Lightning Fast

Optimized for speed and performance. Your website loads instantly on any device.

Secure & Reliable

Enterprise-grade security built into every layer of the platform.

Growth Ready

Scale your business without limits. Our infrastructure grows with you.

Service Cards

UI/UX Design

Beautiful, intuitive interfaces designed to delight users and drive conversions.

Learn More

Web Development

Custom web solutions built with cutting-edge technologies for optimal performance.

Learn More

Digital Marketing

Data-driven marketing strategies that increase visibility and drive growth.

Learn More

Testimonial Cards

"Absolutely outstanding service. They transformed our online presence and the results speak for themselves."

JD
John Davis
CEO, TechStart

"The team's attention to detail is remarkable. They delivered exactly what we envisioned — and more."

SR
Sarah Reynolds
Marketing Director

"Working with Lumina was a game-changer for our business. Professional, efficient, and incredibly talented."

MK
Michael Kim
Founder, AppFlow

Blog Cards

Blog post
Development Feb 28, 2026

How to Build Scalable Web Applications

Learn the best practices and architectural patterns for building modern web apps.

Read More
Blog post
Marketing Feb 20, 2026

The Ultimate Guide to Content Strategy

Master content strategy with our comprehensive guide covering all essentials.

Read More
Blog post
Design Feb 14, 2026

Creating Accessible Design Systems

Why accessibility should be at the core of your design system.

Read More

Portfolio Cards — Overlay Hover

Project
Web Design

Dashboard Redesign
Project
Branding

Brand Identity System
Project
Mobile App

Fitness Tracker App

Portfolio Cards — Static

Project
Web Application

Fintech Dashboard

A comprehensive financial analytics dashboard with real-time data visualization.

Project
E-commerce

Travel Booking Platform

An intuitive travel booking experience with smart search and recommendations.

Project
Mobile App

Health & Wellness App

A wellness tracking app with personalized coaching and community features.

Interactive

Forms

Input fields, selects, textareas, checkboxes, radios, and switches.

Contact Form Example

Form Controls

Checkboxes
Radio Buttons
Switches
Range
Input with Icon
Feedback

Alerts & Notifications

Status messages, notifications, and feedback alerts.

Success! Your changes have been saved successfully.
Warning Please check your input before proceeding.
Error Something went wrong. Please try again later.
Information A new version is available. Update now for new features.

Toast Notifications

File uploaded successfully
Connection lost
You have 3 new notifications
Labels

Badges & Tags

Status badges, category labels, and tag collections.

Solid Badges

Primary Secondary Success Warning Danger Accent

Soft Badges

Primary Secondary Success Warning Danger Accent

Status Dots

Active Pending Offline Inactive

Outlined Tags

HTML CSS Bootstrap JavaScript React Node.js Python
Collapsible

Accordions & FAQ

Expandable content sections for FAQs and organized information.

We primarily work with HTML5, CSS3, Bootstrap 5, and vanilla JavaScript. Our templates are built to be lightweight and dependency-free.

Yes, we offer custom development services tailored to your specific needs. Contact us to discuss project requirements.

Project timelines vary based on complexity. A standard website typically takes 4-8 weeks from concept to launch.

The template includes all HTML pages, CSS styles, JavaScript functionality, documentation, and free updates for one year.

Absolutely. Every component and section is fully responsive and tested across all major devices and screen sizes.

Yes, the template comes with a commercial license that allows use in client projects and commercial websites.

We provide 6 months of dedicated support with every purchase, including bug fixes and technical assistance.
Data

Tables

Clean, styled data tables for displaying structured information.

Name Role Status Revenue
Sarah Johnson Product Manager Active $12,450
Mark Thompson Developer Active $9,820
Emily Davis Designer Pending $7,350
Alex Chen Marketing Lead Inactive $5,200
Indicators

Progress Bars

Visual indicators for completion status, skills, and loading states.

Standard Progress

Web Design95%
Development88%
Marketing75%
SEO60%

Gradient Progress

Project Alpha85%
Project Beta65%
Project Gamma40%
Content

Lists

Check lists, icon lists, and numbered lists.

Check List

  • Unlimited projects
  • Priority support
  • Custom integrations
  • Advanced analytics
  • Team collaboration

Icon List

  • Lightning-fast performance
  • Enterprise-grade security
  • Real-time analytics
  • Unlimited team members
  • 24/7 dedicated support

Numbered List

  1. 1 Create your account and setup
  2. 2 Choose your template and customize
  3. 3 Add your content and images
  4. 4 Publish and go live
Overlays

Modals & Dialogs

Modal windows for actions, confirmations, and supplementary content.

Sections

Hero Sections

Multiple hero section variants for different use cases.

Launch your product

Ship faster with beautiful design

Everything you need to create a modern website. Modular blocks, premium design, production-ready code.

Get Started Watch Demo
New features available

Build something extraordinary

Premium tools and components for modern web development. Clean code, elegant design, unlimited possibilities.

Start Building Learn More
Welcome to Lumina

Your next project starts here

A premium template with everything built in. Just customize and launch.

Get Template View Demo
Hero image
Sections

Slider Sections

Full-width and contained slider variants for impactful hero areas.

Contained Slider

Sections

Feature Blocks

Showcase your product features and capabilities with these blocks.

AI Powered

Smart automation that learns and adapts to your workflow.

Global CDN

Content delivered from edge servers closest to your users.

SSL Security

Automatic SSL certificates for all your domains.

Fast Deploy

Push to production in seconds with one-click deployment.

Alternating Content Blocks

Feature
Analytics

Powerful insights at your fingertips

Track every metric that matters. Our real-time analytics dashboard gives you a complete view of your business performance.

  • Real-time data tracking
  • Custom report builder
  • Automated insights
Feature
Collaboration

Work together seamlessly

Invite your team and collaborate in real-time. Share projects, leave feedback, and keep everyone aligned.

  • Team workspaces
  • Role-based permissions
  • Real-time commenting
Sections

Testimonial Blocks

Social proof sections with different layouts.

"This template has saved us hundreds of hours. The quality is exceptional and the support team is incredibly responsive."

LP
Laura Patterson
CTO, InnovateTech
Spotify Slack Dropbox Stripe Notion Figma
Sections

Call to Action Blocks

Conversion-focused sections that drive user action.

Ready to get started?

Join thousands of companies already using our platform to build better products.

Start Free Trial Contact Sales

Start your free trial today

No credit card required. Get full access for 14 days.

Try for Free

Stay in the loop

Get weekly insights and tips delivered straight to your inbox.

Sections

Pricing Blocks

Pricing cards and comparison tables.

Starter
Perfect for individuals and small projects.
$ 19 /month
  • 5 Projects
  • 10GB Storage
  • Email Support
  • Priority Support
  • Custom Domain
Get Started
Popular
Professional
Best for growing businesses and teams.
$ 49 /month
  • Unlimited Projects
  • 100GB Storage
  • Priority Support
  • Custom Domain
  • White Label
Get Started
Enterprise
For large organizations with advanced needs.
$ 99 /month
  • Unlimited Everything
  • 1TB Storage
  • Dedicated Support
  • Custom Domain
  • White Label
Contact Sales
Sections

Content Blocks

About sections, mission/vision blocks, and process steps.

Team
10+ Years Experience
About Us

We create digital experiences that matter

Founded in 2015, we've grown from a small design studio into a full-service digital agency. Our mission is to help businesses succeed through exceptional design and technology.

  • Award-winning design team
  • 500+ successful projects delivered
  • 98% client satisfaction rate
Learn More

Mission, Vision & Values

Our Mission

To empower businesses with beautiful, functional digital solutions that drive growth and create lasting impact.

Our Vision

To be the world's most trusted partner for digital transformation, setting the standard for quality and innovation.

Our Values

Excellence, integrity, collaboration, and continuous improvement guide everything we do for our clients.

Process Steps

1

Discover

Research and understand your goals, audience, and requirements.

2

Design

Create wireframes and visual designs that align with your brand.

3

Develop

Build a fast, responsive, and accessible website with clean code.

4

Launch

Test, optimize, and deploy your website for the world to see.

Sections

Metrics & Stats

500+
Projects Completed
98%
Client Satisfaction
50+
Team Members
10M+
Users Worldwide
Sections

Portfolio Sections

Different portfolio layouts and showcase options.

2-Column Large

Project
Web Design

Dashboard Redesign
Project
Branding

Brand Identity System
Sections

Blog Sections

Blog listing styles and featured post layouts.

Featured Post

Featured post
Featured Mar 5, 2026

The Future of Web Design

Explore the cutting-edge design trends that are reshaping the web in 2026.

Read Article

2-Column Layout

Blog post
DevelopmentFeb 28, 2026

How to Build Scalable Web Applications

Learn the best practices for building modern web apps that grow with your business.

Read More
Blog post
MarketingFeb 20, 2026

Ultimate Guide to Content Strategy

Master content strategy with our comprehensive guide covering all key areas.

Read More
Sections

Contact Blocks

Contact forms, information cards, and quick contact sections.

Email Us

hello@lumina.com

Call Us

+1 (555) 123-4567

Visit Us

123 Design Street, NY

Send us a message

Get in touch

Have questions? We'd love to hear from you. Send us a message and we'll respond as soon as possible.

Email

hello@lumina.com

Phone

+1 (555) 123-4567

Address

123 Design Street, Creative Quarter, New York, NY 10001

Working Hours

Mon - Fri: 9:00 AM - 6:00 PM