Page Builder

getting started

Introduction

navbar

navbar-1 navbar-2 navbar-3 navbar-4 navbar-5 navbar-6 navbar-7

hero

hero-1 hero-2 hero-3 hero-4

infinite scroller

Infinite Scroller Infinite Scroller 2

stats

Stats-Section-1 Stats-Section-2 Stats-Section-3 Stats-Section-4 Stats-Section-5

bento grid

2b-2s 1b-1m-2s 1m-4s 1b-2s 2m-2s 2m-3s

background

Aurora Granient Silk Dots Particles Dot Pattern

layout

Big Image & Text Plus Points Enterprise Feature Row Feature Hover Big Text & Image Medium Image & Text Medium Text & Image Image Selector 1 Image Selector 2 Automatic Image Image Slider 1 Image Slider 2 Interactive Image Grid

testimonial

Horizontal Slider Vertical Slider

cta

CTA Card 1 Orbiting CTA Floating Icons CTA

faq

FAQ 1 FAQ 2 FAQ 3 FAQ 4 FAQ 5

pricing

Standard Pricing Pricing Upgrade Pricing Premium

footer

Oversized Brand Footer Classic Column Footer Neo-Minimalist Footer

sponsor

Classic Sponsor Grid

button

Glassmorphism Buttons Social Auth Buttons

form

Login-1 Contact-1 Contact-2 Contact-3

blog

Blog-1 Blog-2 Blog-3 Blog-4

parallax

Stacked Parallax Cards Full Stack Parallax Multi-Column Gallery Text Scroll Parallax

text

Highlighter Kinetic Gradient Performance CountUp Hyper Scramble Text

styles

Button Showcase Typography Showcase Card Showcase Image System

Kinetic Gradient

An animated gradient foreground text component using Framer Motion with optional border loops.