Special offer for startup's: 40% Off!SCALEUP40

Lightswind UI

Blocks Components Templates Pricing Others

Search...

K

Loading...

Lightswind UIPro

The premium foundation for your next high-performance web application. Modern, accessible, and ready to scale.

Tech Stack

React

Next.js

Tailwind

Connect

Preview thumbnail

Blocks

3D Blocks
AdTech & Analytics
AI & Neural
AI Analytics
AI Search
Analytics
Application Settings
Authentication
Background
Bento Showcase
View All Blocks →

Components

Get Started
Components
Background
3D Elements
Button
Cursor
Form Controls
Layout
Navigation
Text
View All Components →

Resources

Introduction
Installation
Blogs
Services
Pricing
Products
Support
Return & Refund
Terms & Conditions
License
Privacy Policy
Community
About

SubscribeJoin Newsletter

Secured Vault

MIT Licensed

Registry

Lightswind UIPro. All rights reserved.

A product by MUHILAN & team. Built with passion and commitment to excellence..

Privacy Terms License

Lightswind/Blocks/Interactive Primitives/Interactive Atoms

Interactive Atoms

Pro

Included in Pro Access

A showcase of fundamental interactive building blocks like ripple loaders and luminance sweep effects.

/preview/primitive01

Explore More Blocks

Discover other premium components and blocks in our ecosystem.

Dark Masonry Gallery

Dark Masonry Gallery

Sticky Scroll Showcase

Sticky Scroll Showcase

Expandable Accordion Gallery

Expandable Accordion Gallery

List With Floating Reveal

List With Floating Reveal

Infinite Marquee Showcase

Infinite Marquee Showcase

Stacked Parallax Cards

Stacked Parallax Cards

3D Perspective Grid

3D Perspective Grid

Minimal Full-Screen Slider

Minimal Full-Screen Slider

Pinned Horizontal Track

Pinned Horizontal Track

Asymmetric Offset Gallery

Asymmetric Offset Gallery

Interactive Card Deck

Interactive Card Deck

Text Mask Reveal

Text Mask Reveal

Aurora Portfolio Hero

Aurora Portfolio Hero

Cosmic Spotlight Bento Hero

Cosmic Spotlight Bento Hero

Interactive Creative Director Hero

Interactive Creative Director Hero

Immersive Art & CGI Portfolio Hero

Immersive Art & CGI Portfolio Hero

Advanced Bento Portfolio

Advanced Bento Portfolio

Professional Interactive Portfolio

Professional Interactive Portfolio

Global Fleet Radar

Global Fleet Radar

Inventory Velocity Heatmap

Inventory Velocity Heatmap

Enterprise Learning Hub

Enterprise Learning Hub

Student Growth Analytics

Student Growth Analytics

Immutable Legal Vault

Immutable Legal Vault

Compliance Risk Matrix

Compliance Risk Matrix

Visual Creative Performance Heatmap

Visual Creative Performance Heatmap

Multi-Touch Attribution Funnel

Multi-Touch Attribution Funnel

Enterprise Data Governance & Lineage

Enterprise Data Governance & Lineage

Admin User Activity & Session Audit

Admin User Activity & Session Audit

Deep Audience Segment Radar

Deep Audience Segment Radar

Real-time RTB Bidding Monitor

Real-time RTB Bidding Monitor

Global Ad Performance Radar

Global Ad Performance Radar

Campaign Creative Manager

Campaign Creative Manager

Live Market Analysis Dashboard

Live Market Analysis Dashboard

Dynamic Asset Allocation

Dynamic Asset Allocation

Critical Patient Vitals Monitor

Critical Patient Vitals Monitor

DICOM Viewer Workspace

DICOM Viewer Workspace

API Endpoint Reference

API Endpoint Reference

API Keys Manager

API Keys Manager

Kubernetes Cluster Resource Optimizer

Kubernetes Cluster Resource Optimizer

Advanced Traffic Distribution Console

Advanced Traffic Distribution Console

High-Availability DB Clusters

High-Availability DB Clusters

Edge Network & Latency Monitor

Edge Network & Latency Monitor

Compute Instances Table

Compute Instances Table

Infrastructure Topology map

Infrastructure Topology map

Interactive ML Notebook

Interactive ML Notebook

Model Metrics Dashboard

Model Metrics Dashboard

Immutable Audit Log

Immutable Audit Log

Active Threat Radar

Active Threat Radar

Enterprise User Directory

Enterprise User Directory

RBAC Permissions Matrix

RBAC Permissions Matrix

Multi-step Setup Wizard

Multi-step Setup Wizard

Personalized Welcome Dashboard

Personalized Welcome Dashboard

Plan Usage Dashboard

Plan Usage Dashboard

Invoice History Table

Invoice History Table

Payment Methods Manager

Payment Methods Manager

Neural Model Matrix

Neural Model Matrix

Floating AI Copilot Prompt

Floating AI Copilot Prompt

Split-View Document Analyst

Split-View Document Analyst

Pro AI Chat Interface

Pro AI Chat Interface

Neural System Monitor

Neural System Monitor

Magic AI Prompt Area

Magic AI Prompt Area

Neural Engine Pipeline

Neural Engine Pipeline

Intelligent AI Search

Intelligent AI Search

Agent Matrix Controller

Agent Matrix Controller

Neural Model Configurator

Neural Model Configurator

LLM Operations Overview

LLM Operations Overview

VectorStore Index Manager

VectorStore Index Manager

API Key Manager

API Key Manager

Webhook Delivery Log

Webhook Delivery Log

Environment Vault Manager

Environment Vault Manager

Compliance Audit Protocol

Compliance Audit Protocol

Resource Quota Intelligence

Resource Quota Intelligence

Crypto / Multi-Asset Wallet

Crypto / Multi-Asset Wallet

Live Transaction Feed

Live Transaction Feed

Web3 Asset Exchange

Web3 Asset Exchange

Portfolio Asset Manifest

Portfolio Asset Manifest

Digital Card Protocol

Digital Card Protocol

SaaS Subscription Tiers

SaaS Subscription Tiers

Enterprise Feature Matrix

Enterprise Feature Matrix

Product Detail Gallery

Product Detail Gallery

Shopping Cart Summary

Shopping Cart Summary

User Profile Overview

Security & Logic Center

Security & Logic Center

Interactive Timeline Feed

Interactive Timeline Feed

Fidelity Direct Messenger

Fidelity Direct Messenger

Creator Discovery Grid

Creator Discovery Grid

Elite Community Dashboard

Elite Community Dashboard

SaaS User Management Table

SaaS User Management Table

Sprint Project Board

Sprint Project Board

Animated Revenue Chart

Animated Revenue Chart

Dynamic Donut Analytics

Dynamic Donut Analytics

Animated SaaS Sidebar

Animated SaaS Sidebar

Framer Mega Menu

Framer Mega Menu

AI Command Palette

AI Command Palette

AI Google Landing Page

AI Google Landing Page

Navbar AI Dropdown

Navbar AI Dropdown

Developer Code Search

Developer Code Search

Multi-step Checkout

Multi-step Checkout

Webhook Realtime Listener

Webhook Realtime Listener

Crypto Wallet Dashboard

Crypto Wallet Dashboard

Animated User Profile

UI Standardized Billing Cards

UI Standardized Billing Cards

Procedural Fire Shader

Procedural Fire Shader

Falling Aether Beams

Falling Aether Beams

Geometric Connection Grid

Geometric Connection Grid

Orbital Canvas Background

Orbital Canvas Background

Infinite Scroll Gallery

Infinite Scroll Gallery

Liquid Surface Background

Liquid Surface Background

Modern Collapsible Sidebar

Modern Collapsible Sidebar

Pro Workspace Sidebar

Pro Workspace Sidebar

Dual Context Sidebar

Dual Context Sidebar

Infinite 3D Carousel

Infinite 3D Carousel

Advanced Admin Dashboard

Advanced Admin Dashboard

SaaS Growth Dashboard

SaaS Growth Dashboard

Enterprise Infrastructure Monitor

Enterprise Infrastructure Monitor

Professional Pricing

Professional Pricing

Premium Tier Grid

Premium Tier Grid

Enterprise Comparison Table

Enterprise Comparison Table

Bento Feature Grid

Bento Feature Grid

Modern Team Profiles

Modern Team Profiles

Editorial Blog Feed

Editorial Blog Feed

Glassmorphic Contact Form

Glassmorphic Contact Form

Modern Split Contact

Modern Split Contact

AI Launch Landing Page

AI Launch Landing Page

Infinite Brand Carousel

Modern Multi-Column Footer

Modern Multi-Column Footer

Interactive 3D Card Showcase

Interactive 3D Card Showcase

Interactive Video Card

Interactive Video Card

Expandable Feature Card

Expandable Feature Card

Creative Agency Hero

Creative Agency Hero

Modern Landing Hero

Modern Landing Hero

Far Edge Hero Section

Far Edge Hero Section

Magic Card

Magic Card

Professional Auth Login

Professional Auth Login

High-Conversion Newsletter

High-Conversion Newsletter

Minimalist Multi-step Signup

Minimalist Multi-step Signup

Scrolling Social Proof

Scrolling Social Proof

Trusted Wall of Love

Trusted Wall of Love

Modern Minimalist FAQ

Modern Minimalist FAQ

Categorized Support FAQ

Categorized Support FAQ

Modern Blog Grid

Modern Blog Grid

Minimalist Article List

Minimalist Article List

Infinite Logo Marquee

Bento Feature Grid

Bento Feature Grid

Growth Accelerator CTA

Growth Accelerator CTA

Visual Split Login

Visual Split Login

Modern Social Team Grid

Modern Social Team Grid

High-Contrast Comparison

High-Contrast Comparison

Comprehensive Ecosystem Footer

Comprehensive Ecosystem Footer

Immersive Centered Hero

Immersive Centered Hero

Sticky List Features

Sticky List Features

Premium Accordion FAQ

Premium Accordion FAQ

Modern Glass CTA

Modern Glass CTA

Animated Process Map

Animated Process Map

Growth & Impact Grid

Growth & Impact Grid

Large Featured Quote

Large Featured Quote

Professional Brand Grid

Immersive Dark Conversion

Immersive Dark Conversion

Modern Masonry Portfolio

Modern Masonry Portfolio

Executive Spotlight

Executive Spotlight

App Store Conversion

App Store Conversion

Interactive Sandbox Feature

Interactive Sandbox Feature

Landscape Featured Articles

Landscape Featured Articles

Split Impact Hero

Split Impact Hero

Infinite Carousel Wall

Infinite Carousel Wall

High-Polished Dark Newsletter

High-Polished Dark Newsletter

Minimalist Tech Contact

Minimalist Tech Contact

Industrial Vertical Timeline

Industrial Vertical Timeline

Product Roadmap Showcase

Product Roadmap Showcase

Phase Execution Matrix

Phase Execution Matrix

Enterprise Comparison Table

Enterprise Comparison Table

Toggle Switch Pricing

Toggle Switch Pricing

Visionary Portrait Grid

Visionary Portrait Grid

Strategic Two-Column FAQ

Strategic Two-Column FAQ

High-Contrast Tier Grid

High-Contrast Tier Grid

Enterprise Navigation Header

Enterprise Navigation Header

Large Immersive CTA

Large Immersive CTA

Code-First Feature Grid

Code-First Feature Grid

Abstract Dark Metrics

Abstract Dark Metrics

Minimalist Trusted Strip

Minimalist Trusted Strip

Bento Grid Ecosystem

Bento Grid Ecosystem

SaaS Dashboard Hero

SaaS Dashboard Hero

Executive Highlight Quote

Executive Highlight Quote

Minimalist Copyright Footer

Minimalist Copyright Footer

Contact with Sidebar Info

Contact with Sidebar Info

Institutional Support Hub

Institutional Support Hub

Global Headquarters Presence

Global Headquarters Presence

Architectural Consultation

Architectural Consultation

Circular Avatar Grid

Vertical Progress Tracker

Vertical Progress Tracker

Classic Sidebar Blog

Classic Sidebar Blog

Immersive Lightbox Gallery

Immersive Lightbox Gallery

Levitating 3D Shapes

Levitating 3D Shapes

Interactive 3D Globe

Interactive 3D Globe

3D Laptop Scroll

3D Laptop Scroll

3D Phone Showcase

3D Phone Showcase

Glassmorphic 3D Tunnel

Glassmorphic 3D Tunnel

Particle Wave Field

Particle Wave Field

3D Interactive Orbit Showcase

3D Interactive Orbit Showcase

3D Orbital Planet System

3D Orbital Planet System

Global Revenue Heatmap

Global Revenue Heatmap

LLM Intelligence Engine

LLM Intelligence Engine

Split Media Conversion Hero

Split Media Conversion Hero

Tiered Service Comparison

Tiered Service Comparison

Glassmorphic Call to Action

Glassmorphic Call to Action

Advanced Masonry Grid

Advanced Masonry Grid

Dynamic Highlight Wall

Dynamic Highlight Wall

Live Metric Pulse

Live Metric Pulse

Minimalist Glass Capture

Minimalist Glass Capture

Enterprise Solution Matrix

Enterprise Solution Matrix

Scalable Enterprise Tiers

Scalable Enterprise Tiers

Universal Gravity Hero

Universal Gravity Hero

Engineered Depth Bento

Engineered Depth Bento

Infinitive Launch CTA

Infinitive Launch CTA

ASCII Data Wave Card

ASCII Data Wave Card

Premium Services Matrix

Premium Services Matrix

Professional Filtered Portfolio

Professional Filtered Portfolio

Enterprise SaaS Hero

Enterprise SaaS Hero

Corporate B2B Testimonial Slider

Corporate B2B Testimonial Slider

Ecosystem Beam Hub

Ecosystem Beam Hub

Strategic Product Bento

Strategic Product Bento

Data-Dense Analytics Bento

Data-Dense Analytics Bento

Digital Ecosystem Hub

Digital Ecosystem Hub

Engineering Matrix Grid

Engineering Matrix Grid

Planetary Grid

Planetary Grid

Mobile Ecosystem

Mobile Ecosystem

Native Precision

Native Precision

Multi-Device Scale

Multi-Device Scale

Quantum Depth View

Quantum Depth View

Pro Visual Login

Pro Visual Login

Multi-Step Onboarding

Multi-Step Onboarding

Secure 2-Step Gate

Secure 2-Step Gate

Magic Access Portal

Magic Access Portal

Recovery Flow Matrix

Recovery Flow Matrix

Metric Analytics Pulse

Metric Analytics Pulse

High-Impact Dark Newsletter

High-Impact Dark Newsletter

Fluid Horizontal Progress

Fluid Horizontal Progress

Minimal Rail Navigation

Minimal Rail Navigation

Smart Category Hub

Smart Category Hub

Enterprise Order Dashboard

Enterprise Order Dashboard

Curated Wishlist Board

Curated Wishlist Board

Specifications Matrix

Specifications Matrix

Verified Feedback Hub

Verified Feedback Hub

Admin Telemetry Center

Admin Telemetry Center

Notification Control Portal

Notification Control Portal

Enterprise Billing Settings

Enterprise Billing Settings

Platform Integration Core

Platform Integration Core

Elite Contact Dispatch

Elite Contact Dispatch

System Feedback Hub

System Feedback Hub

Advanced Discovery Engine

Advanced Discovery Engine

Elite CPU Ecosystem Footer

Elite CPU Ecosystem Footer

Minimal High-End Footer

Minimal High-End Footer

Protocol Command Center

Protocol Command Center

Floating Protocol Header

Floating Protocol Header

Dynamic Tabbed Pill

Dynamic Tabbed Pill

Dark Console Sidebar

Dark Console Sidebar

Glassmorphic Pro Sidebar

Glassmorphic Pro Sidebar

Protocol Enterprise Console

Protocol Enterprise Console

Neural Analytics Core

Neural Analytics Core

Conversion Engine Manifest

Conversion Engine Manifest

Neural Infrastructure Hub

Neural Infrastructure Hub

Cluster Telemetry Console

Cluster Telemetry Console

Bento Feature Manifest

Bento Feature Manifest

SaaS Enterprise Core Stats

SaaS Enterprise Core Stats

KPI Optimization Console

KPI Optimization Console

Connected Integration Grid

Connected Integration Grid

SaaS Conversion Pricing

SaaS Conversion Pricing

Flexible Seat Billing

Flexible Seat Billing

Feature Feedback Hub

Feature Feedback Hub

Workspace Onboarding Setup

Workspace Onboarding Setup

Team User Console

Team User Console

Workspace Live Logs

Workspace Live Logs

Media Grid Quotes

Media Grid Quotes

Continuous Press Marquee

Continuous Press Marquee

Quote Tab Switcher

Quote Tab Switcher

Split Cover Story Showcase

Split Cover Story Showcase

Glow Accolade Grid

Glow Accolade Grid

Metrics Storytelling Hero

Metrics Storytelling Hero

Performance Metrics Grid

Performance Metrics Grid

Split Outcome narrative

Split Outcome narrative

Problem Solution Stepper

Problem Solution Stepper

Lighthouse Audit Showcase

Lighthouse Audit Showcase

Video Stream Overview

Video Stream Overview

ROI Interactive Calculator

ROI Interactive Calculator

Directory Client Stories

Directory Client Stories

Milestone Rollout Timeline

Milestone Rollout Timeline

Key Metrics Spotlight

Key Metrics Spotlight

CI/CD Build Pipeline

CI/CD Build Pipeline

Data Streaming Graph

Data Streaming Graph

ML Training Process

ML Training Process

Git Release Flow

Git Release Flow

Canary Scale Topography

Canary Scale Topography

API Gateway Router

API Gateway Router

ETL Processor

ETL Processor

FaaS Orchestrator

FaaS Orchestrator

Webhook Delivery Queue

Webhook Delivery Queue

Database Replication Sync

Database Replication Sync

Timeline Changelog

Timeline Changelog

Collapsible Accordion Details

Collapsible Accordion Details

Searchable Notes Feed

Searchable Notes Feed

Header Metrics Changelog

Header Metrics Changelog

Pipeline Status Lanes

Pipeline Status Lanes

Interactive Commit Stream

Interactive Commit Stream

Roadmap Milestones Tracker

Roadmap Milestones Tracker

Release Subscription Newsletter

Release Subscription Newsletter

Developer Upgrade Path

Developer Upgrade Path

Multi-Product Version Registry

Multi-Product Version Registry

Animated Professional Portfolio

Animated Professional Portfolio

Codebase Animated Website

Codebase Animated Website

Astral Engine - Enterprise Dashboard

Astral Engine - Enterprise Dashboard

Nexus - Animated SaaS AI Website

Nexus - Animated SaaS AI Website

3d Carousel

3d Focus Marquee

3d Hover Gallery

3d Image Carousel

3d Image Gallery

3d Image Ring

3d Marquee

3d Model Viewer

3d Perspective Card

3d Pin

3d Scroll Trigger

3d Slider

Accordion

Ai Prompt

Ai Prompt Input

Ai Streaming Chat

Alert

Alert Dialog

Angled Slider

Animated Blob Background

Animated Bubble Particles

Animated Counter

Animated Notification

Animated Ocean Waves

Animated Range Input

Animated Tooltip

Animated Wave

Antigravity Bg

Apple Dock

Ascii Wave

Aspect Ratio

Aurora Background

Aurora Shader

Aurora Text Effect

Avatar

Badge

Beam Circle

Beam Grid Background

Bento Grid

Border Beam

Breadcrumb

Button

Calendar

Canvas Confetti Cursor

Card

Card Stack

Carousel

Chain Carousel

Chart

Checkbox

Cinematic 3d Fall Text

Code Hover Cards

Collapsible

Command

Confetti Button

Connection Graph

Container Scroll

Context Menu

Count Up

Cyber 3d Sphere

Cyber Decryption Text

Dialog

Direction Aware Hover

Dock

Dot Pattern

Drag Order List

Drawer

Dropdown Menu

Dynamic Island

Dynamic Navigation

Elastic Squeeze Text

Electro Border

Evervault Card

Expandable Search

Fall Beam Background

File Upload

Flashlight Cursor

Flip Words

Floating Label Input

Fluid Gradient Text

Focus Cards Layout

Form

Geometric Split Text

Glare Card

Glass Folder

Globe

Glowing Background

Glowing Cards

Glowing Lights

Gradient Background

Gradient Btn Home

Gradient Button

Grid Dot Backgrounds

Hamburger Menu Overlay

Hell Background

Hero Parallax Layout

Holographic 3d Card

Horizontal Scroll Carousel

Hover Card

Image Reveal

Image Sliding Marquee

Image Trail Effect

In View Stagger

Infinite Marquee

Input

Input Otp

Interactive 3d Cube

Interactive Card

Interactive Card Gallery

Interactive Gradient Card

Interactive Grid Background

Iphone16 Pro

Kinetic Flow Bg

Kinetic Scatter Text

Label

Layout Grid

Lens

Liquid Button

Liquid Fluid

Liquid Surface

Magic Card

Magic Loader

Magnetic Button

Magnetic Text

Magnetic Wrapper

Magnifying Zoom

Mega Menu Navbar

Menubar

Meteors

Morph Button

Morphing Navigation

Moving Border Button

Nav Effect

Navigation Menu

Neural Reasoning Chain

Noise Overlay

Orbit Card

Orbital Ai Agent

Pagination

Parallax Image

Parallax Scroll

Particle Orbit Effect

Particles Background

Password Strength Indicator

Path Trail Cursor

Physical Tilt Button

Physics 3d Grid

Plasma Globe

Popover

Progress

Radio Group

Range Slider

Rays Background

Reflect Background

Resizable

Ripple Button

Ripple Loader

Scroll Area

Scroll Carousel

Scroll List

Scroll Reveal

Scroll Stack

Scroll Timeline

Scroll Trigger Carousel

Seasonal Hover Cards

Section Reveal Layout

Select

Separator

Shader Background

Sheet

Shimmer Button

Shine Button

Shiny Text

Sidebar

Skeleton

Slider

Sliding Cards

Sliding Logo Marquee

Smart Radio Group

Smokey Background

Smokey Cursor

Smokey Cursor Hero

Smooth Cursor

Sparkle Navbar

Sparkle Particles

Spotlight Card

Spotlight Reveal Text

Stack List

Stack Sidebar

Stacking Cards

Stellar Vortex Bg

Sticky Scroll Layout

Stripes Background

Switch

Table

Tabs

Tag Input

Team Carousel

Terminal Card

Text Generate Effect

Text Reveal Card

Text Scroll Marquee

Text Trail Cursor

Textarea

Timeline Layout

Toast

Toaster

Toggle

Toggle Group

Toggle Theme

Tooltip

Top Loader

Top Sticky Bar

Tracing Beam

Trial Button

Trusted Users

Typewriter Input

Typing Text

Video Text

Vision Spatial Window 3d

Volumetricfractalbackground

Warp Navbar

Wave Background

Wobble Card

Woofy Hover Image

A product byＭＵＨＩＬＡＮ and Team❤️.