Get Started

Landing Pages Templates

Landing Page 18 - Premium Landing Page 16 - Premium Landing Page 14 - Minimal Landing Page 2 - Creative Agency Landing Page 4 - Premium Landing Page 3 - Product Launch Landing Page 5 - App Showcase Landing Page 13 - Agency Landing Page 12 - Creative Landing Page 6 - E-commerce Landing Page 15 - Modern Landing Page 10 - Premium Landing Page 9 - Event Landing Page 11 - Modern Dark Landing Page 8 - Service Business Landing Page 1 - Modern SaaS Landing Page 7 - Portfolio Agency

Portfolios

Portfolio 1 - AI/ML Developer Portfolio 2 - Creative Developer Portfolio 3 - Minimal Design Portfolio 4 - French Style Portfolio 5 - Bold Design Portfolio 6 - Ochi Design Portfolio 10 - Full Featured Portfolio 12 - Dynamic Showcase Portfolio 13 - Creative Developer Portfolio 7 - Interactive Portfolio 8 - Keyboard Interactive Portfolio 9 - Modern Minimal

Pro Section

Layout Switcher Expandable Card AI Data Model 3D Aura Flow Background Cosmic Wave Background Neural Network Background Quantum Grid Background Feature Section - Campaign Feature Section - Timeline Feature Section - AI Powered Portfolio Hero Section Pricing Section Testimonials Grid Footer - Novus Dark Footer - GenLabs Light

Featured Components

Action Search Bar Loader Liquid Glass Apple Activity Card Card Flip Orb Currency Transfer File Upload Profile Dropdown Shapes Hero Toolbar X Card Stepper Animated List Circular Gallery Pixel Transition Dock

Authentication

Auth Paths Auth Social Auth Testimonial Auth Crosshair Auth Form Minimal Auth Form Modern Auth Form Classic

Drawers

Basic Drawer Goal Tracker Drawer Scrollable Side Drawer Multi-Directional Drawer Form Drawer Collection Notification Center Drawer File Explorer Drawer Preferences Settings Drawer Product Filters Drawer Shopping Cart Drawer User Profile Drawer

AI

AI Input Selector AI Input Search AI Bar 01 AI Bar 02 AI Bar 03 AI State Loading AI Text Loading AI Voice

Texts

Liquid Text Scroll Text Typing Text Matrix Text Dynamic Text Glitch Text Shimmer Text Sliced Text Swoosh Text Split Text Blur Text Circular Text Text Type Shiny Text Fuzzy Text Gradient Text Text Cursor Decrypted Text ASCII Text Scrambled Text Rotating Text Scroll Velocity Count Up Bounce Text Wave Text Flip Text Reveal Text Magnetic Text Elastic Text Perspective Text Morph Text Stagger Text Rainbow Text Glowing Text

Forms

Privacy Preferences Terms Agreement Step Tracker Toggle Password Reset OTP Verification Job Application Account Recovery Payment Method Style by Birthday Report Issue

Component Demos

Alert Calendar Chart Data Grid Kanban Pagination Skeleton Checkbox Date Picker Filters Hover Card Menu Bar Sheet Phone Input GitHub Button Multi Step Loader Notification Center Demo OTP Demo Toast Demo Social Card Demo Animated Form Demo Vault Lock Demo Animated OTP Demo

Landing Components

Hero Grid Pricing Modern Testimonials Simple Testimonials Grid Testimonials Stars Logo Cloud Team Carousel Footer Simple Footer Complex FAQs Accordion FAQs Grid Stats Grid Stats Cards

Loading Animations

Loading Text Loading Words Loading Dots Loading Bar Loading Geometric Loading Flower Loading Rings Loading Morph Loading Invert

Animations

Logo Loop Pixel Trail Shape Blur Silk Light Rays Pixel Blast Aurora Gradient Blinds Beams Prismatic Burst Dither Dot Grid

Hamburger Menus

Hamburger Basic Hamburger Spin Hamburger Elastic Hamburger Morph Hamburger Spring Hamburger Stagger Hamburger 3D Hamburger Wave

Tooltips

Tooltip Minimal Tooltip Animated Tooltip Rich Tooltip Interactive Tooltip Magnetic

Buttons

Particle Button V0 Button Gradient Button Magnet Button Hold Button Social Button Command Button Switch Button Ripple Button Shine Button Glow Button Pulse Button Slide Button Liquid Button Neon Button Bounce Button Magnetic Button 3D Button

Hero Sections

Liquid Chrome Beams Background Background Paths Squares Grid Distortion Waves Iridescence

Components

Elastic Search Team Selector Smooth Tab Smooth Drawer Elastic Slider Counter Tilted Card Flowing Menu Magnet Lines Copy Button Contribution Graph Bento Grid Infinite Scroll Terminal Scroll Stack Masonry Pixel Card Decay Card File Tree Magic Bento Glare Hover Click Spark Magnet Target Cursor Crosshair Smooth Cursor Animated Theme Toggler Shimmer Effect Blur Fade Effect Float Effect Beast Button Rain Button Animated Glider Sidebar

Shapes Hero

Shapes that fall from the top.

Configuring your account...

Please wait while we prepare everything for you

Usage

import ShapeHero from "@/components/bynanaui/shape-hero";

<ShapeHero />

Elevate Your
Digital Vision

UI Components built with Tailwind CSS.