Components

NextbunnyHero preview
⭐ New

NextbunnyHero

A dynamic and visually striking hero section component featuring an animated neon wave background. The component showcases a modern, responsive design with smooth animations powered by Framer Motion. Key features include: - Fluid wave animation with dynamic skewing effects - Theme-aware gradient spotlight - Responsive navigation bar with backdrop blur - Interactive CTA buttons with hover animations - Optimized image loading with Next.js Image component - Mobile-first design with tailored breakpoints - Accessible semantic structure Perfect for creating engaging landing pages, product launches, and modern web applications that require a strong visual impact while maintaining performance and accessibility.

MagGlobeDemo preview
⭐ New

MagGlobeDemo

A demo component for the MagGlobe component

T21TestimonialDemo preview
⭐ New

T21TestimonialDemo

A beautiful testinomal section with load more button built with framer-motion, shadcn/ui, and lucide-react and tailwindcss

T21TestimonialDemo2 preview
⭐ New

T21TestimonialDemo2

A demo component for the T21TestimonialSection2 component

QuantumComputing preview

QuantumComputing

A beautiful quantum computing section component. Built with framer-motion, shadcn/ui, and lucide-react and tailwindcss

WavyHero preview

WavyHero

A hero section component with a blue background and animated particles

T21FeatureSectionDemo preview

T21FeatureSectionDemo

T21FeatureSectionDemo component

T21Navbar preview

T21Navbar

Glassmorphism navbar component built with framer-motion, shadcn/ui, and lucide-react and tailwindcss

TrustedBrandsAutoScroll preview

TrustedBrandsAutoScroll

An elegant, auto-scrolling trusted brands showcase component featuring smooth animations and hover effects.Perfect for displaying company logos and building trust with visitors. Includes optimized image loading, responsive design, and beautiful fade effects. Built with Next.js Image optimization for better performance and SEO.

CallToAction preview

CallToAction

A call to action component with a beautiful sparkles background

CodeExport preview

CodeExport

A code export section component

CompellingCTA preview

CompellingCTA

High converting call to action component. Built with framer-motion, shadcn/ui, and lucide-react and tailwindcss

Waitlist preview

Waitlist

A waitlist component

SecurityFeature preview

SecurityFeature

A security feature section component with a pulse animation and a shield icon

BusinessNavbar preview

BusinessNavbar

A beautiful business navbar component

FaqDemo preview

FaqDemo

A demo component for the Faq component

HardToResist preview

HardToResist

A hard to resist section component

Hero preview

Hero

A hero section component

MiscPricing preview

MiscPricing

A premium pricing section component featuring elegant design elements and modern animations. Built with React, Tailwind CSS, shadcn/ui, and Framer Motion, this component offers: - Responsive pricing cards with smooth hover effects - Beautiful textured background with gradient overlays - Animated reveal transitions - Accessible checkmark indicators - Custom mesh gradient and grain texture effects - Dark and light mode support - SEO-optimized structure Perfect for SaaS, digital products, and modern web applications.

PricingSection preview

PricingSection

A pricing section component with animated cards and toggle for billing options

AceLampDemo

Premium lamp effect demonstration with professional marketing content. Features dynamic lighting, animated text, and modern design. Perfect for product launches, brand stories, and creative agencies. Free to customize in NextBunny's editor. Create immersive brand experiences.

AceNavbarDemo

Professional business navigation demo with sample structure and content. Features mega menus, product showcases, and responsive design. Perfect for e-commerce, SaaS platforms, and corporate websites. Free to customize in NextBunny's editor. Optimize user journeys with premium navigation.

AceBrandIntroSparkles1

High-impact brand introduction showcase with full-page particle effects. Features gradient text, responsive design, and professional animations. Perfect for company websites, product launches, and marketing campaigns. Free to customize in NextBunny's editor. Boost brand perception with premium visuals.

AceBrandIntroSparkles2

Professional brand showcase with colorful particle animations and marketing copy. Features gradient typography, modern design, and engaging effects. Perfect for tech companies, creative agencies, and digital products. Free to customize in NextBunny's builder. Create memorable brand experiences.

AceCompareDemo

Premium demonstration of image comparison features with marketing integration. Features interactive sliders, feature highlights, and professional layout. Perfect for e-commerce, service businesses, and product showcases. Free to customize in NextBunny's editor. Increase conversions with before/after demonstrations.

AceFeaturesDemo

Enterprise-grade feature showcase with interactive hover effects. Features professional grid layout, sample content, and smooth animations. Perfect for product pages, service offerings, and company websites. Free to customize in NextBunny's builder. Showcase offerings with premium presentation.

AceSpotlightDemo

Interactive demonstration of the spotlight effect with sample content. Built with React and Framer Motion. Features gradient text and responsive layout. Free to customize in NextBunny's drag-and-drop builder.

AceVortexDemo

A dynamic hero section featuring a mesmerizing vortex animation background. Showcases your SaaS value proposition with a modern, responsive design. Built with React and Canvas API, this component delivers: - Fluid particle animation effects - Responsive typography and layout - High-contrast, accessible text - Call-to-action buttons with hover effects - Seamless dark/light mode support Perfect for SaaS landing pages, product launches, and conversion-focused hero sections.

AceTypewriterDemo

Live showcase of the typewriter animation with sample text content. Built with React and Framer Motion. Features customizable typing effects and responsive design. Free component with live editing in NextBunny's builder.

AceBeamCollisonDemo

Enterprise-level demonstration of beam collision effects with marketing copy. Features dynamic text animations, gradient effects, and professional typography. Perfect for startup websites, product launches, and tech companies. Free to customize in NextBunny's builder. Drive engagement with interactive animations.

AceWavyBGDemo

Interactive showcase of the wavy background with sample hero content. Built with React and Canvas API. Features animated waves and responsive typography. Free component with live editing in NextBunny's builder.

AceWorldmapDemo

Premium world map component. Carefully crafted with micro framer motions animation and shadcn/ui

AceAuroraBackgroundDemo

Premium showcase of the Aurora background effect in a business context. Features professional typography, call-to-action buttons, and responsive design. Perfect for SaaS demos, product launches, and marketing pages. Free to customize in NextBunny's visual editor. Increase conversion rates with stunning visual effects.

AceBrandIntroSparkles

High-conversion brand introduction component with premium particle effects. Built with React and Framer Motion. Features animated sparkles, gradient overlays, and responsive design. Perfect for product launches, brand showcases, and marketing campaigns. Free to customize in NextBunny's builder. Transform visitor impressions with stunning visual effects.

PricingSection2 preview

PricingSection2

A beautiful pricing section component with animated cards and hover effects. Built with framer-motion, shadcn/ui, and tailwindcss

BlueHero preview

BlueHero

A hero section component with a blue background and animated particles

BusinessHero preview

BusinessHero

A sophisticated hero section designed for high-end business and corporate websites. Crafted with Next.js, Tailwind CSS, and Framer Motion, this premium component features: - Dynamic spotlight gradient effects - Professional typography with custom font optimization - Engaging micro-interactions and animations - Strategic call-to-action placement - Multi-layer background with mesh gradients - Responsive design across all devices - Performance-optimized animations Perfect for corporate websites, consulting firms, financial institutions, and enterprise businesses seeking to make a powerful first impression.

Features preview

Features

A beautiful features grid component