Marketing Sections
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Marquee Testimonial With Infinite Scrolling Tweet – 8 – Dark Slate
Marquee Testimonial with infinite scrolling tweet – 16 – Dark Slate
Marquee Testimonial With Infinite Scrolling Tweet – 8
Marquee Testimonial with infinite scrolling tweet – 16
Hero Section with Particle.js and Linear Gradient
Celebrate page with Confetti Click
Celebration Confetti with Two confetti Cannons Dark and Light
Celebration Confetti with Two confetti Cannons
Dark Slate Celebration page with Confetti Loop
Registration Success with Celebration Button DarkSlate
Registration Success with Celebration Button
Confirmation Page with Confetti Boom Button
Thank you for subscribing
Thank You – Message sent
Orbiting Circles with 3 Testimonials with Feedback
Ninjas
Ninjas
Ninjas
Ninjas
Infinite Scrolling Logos – Marquee with 4 Logos
Infinite Scrolling Logos – Marquee with 6 Logos
Infinite Scrolling Logos – Marquee with 8 logos
Tweet Card With Image
Tweet Card With Image and Link
Tweet Card With Image Carousel
Tweet Card With Video Embed
Tweet Card With Image – Dark Slate
Tweet Card With Image and Link – Dark Slate
Tweet Card With Image Carousel – Dark Slate
Tweet Card With Video Embed – Dark Slate
Logo Cloud with Linear Fade-out effect
Bento Grid with 4 cards images
Bento Grid with 4 cards images and a modern dots background
Bento grid with images and icons
Bento Grid with 5 cards and hover effect
Simple with Description
Full-width
Stacked with footer actions
Supercharge your web applications
Anim aute id magna aliqua ad ad non deserunt sunt. Qui irure qui lorem cupidatat commodo. Elit sunt amet fugiat veniam occaecat fugiat aliqua.
import { useState } from 'react'
import { Switch } from '@headlessui/react'
function Example() {
const [enabled, setEnabled] = useState(true)
return (
<form action="/notification-settings" method="post">
<Switch checked={enabled} onChange={setEnabled} name="notifications">
{/* ... */}
</Switch>
<button>Submit</button>
</form>
)
}Supercharge your web applications
Anim aute id magna aliqua ad ad non deserunt sunt. Qui irure qui lorem cupidatat commodo. Elit sunt amet fugiat veniam occaecat fugiat aliqua.
import { useState } from 'react'
import { Switch } from '@headlessui/react'
function Example() {
const [enabled, setEnabled] = useState(true)
return (
<form action="/notification-settings" method="post">
<Switch checked={enabled} onChange={setEnabled} name="notifications">
{/* ... */}
</Switch>
<button>Submit</button>
</form>
)
}Full width with icons
Simple with descriptions
Two column
Header with a single Full Width Dropdown
With full width flyout menu
With multiple flyout menus 2
With multiple flyout menus
Testimonial Big One Grid
Privacy notice full width
Privacy notice left-aligned
Privacy notice centered
Privacy notice right-aligned
Floating at bottom centered
floating bottom
Fixed bottom
Left Aligned
With Link
On Brand
On Dark image
with Button and bg Image
With navbar and footer container fluid
With navbar and footer
Background image
Popular pages
Split with image
simple
With centered logo
Constrained on primary
Constrained on dark
Constrained
With stacked flyout menu
Simple centered
Social links only
Very Simple centered
4-column with newsletter below
4-column with newsletter
4-column simple on slate
4-column simple
4-column with company mission on slate
4-column with company mission
4-column with company mission on dark
Two columns on dark
Two columns
Three columns on dark
Three columns
Side-by-side
Centered accordion plain black
Centered accordion plain dark and light
Centered accordion plain
Centered accordion
Offset with supporting text
Grid on dark
Grid
Split with logos on right
Simple
Simple left-aligned
Simple with call-to-action
Simple with heading on dark
Simple with heading
Centered
Split with image
With full testimonial and stats
Two columns with screenshot
With sticky testimonial
With sticky product screenshot
With medium images postcard on slate
With medium images on dark
With medium images on dark slate
With medium images
Grid with large round images
Full width with vertical images
With vertical images
With image and short paragraph
Dark version with large images
Grid with round images
With large images
with small image
Split with a image
Simple centered
Simple four-column
Split with pattern dark
Split with pattern
Side-by-side grid
Centered
With photo and list
With featured post
Single-column with images
Single-column
Three-column with bg images
Three-column with images
Three-column
Off-white grid
Grid
With star rating
Side-by-side on dark slate
Side-by-side
With background image
With overlapping image body
With description
With overlapping image
With large avatar
Simple Centered
With two column description on dark
With two column description
Stepped Big
Timeline
Split with image
Stat with background image on dark
Simple stat on grid black
Stat with background image
Stat with background image on slate
Simple stat on grid dark slate
Simple stat on grid
Simple Stat on dark slate
Simple Stat on dark
Simple Stat
Side by Side on black card
Centered card
Simple Stacked
Simple side-by-side on dark
Simple side-by-side on slate
Simple side-by-side
Side-by-side with details dark
Side-by-side with details with bg image
Centered with background image
Simple with background image
With cards
Jumbotron Centered With Subheading On dark and light
Jumbotron Centered With Subheading on grey slate
Simple jumbotron with subheading
Jumbotron centered with subheading
Jumbotron Centered
With stats
Two tiers with emphasized tier
Two tiers in overlay
Three tiers with feature comparison
With comparison table on dark slate
With comparison table
Two tiers with info box on black
Four tiers with toggle
Three tiers with border on popular tier – RND
Three tiers with toggle on black
Three tiers with custom tier
Three tiers with emphasized tier
Three tiers
Single price with details
Brand panel with overlapping image
Brand panel with app screenshot
With image tiles
Two columns with photo on black
split with image on the right
Split with image on the left
Simple Justified on primary
Simple Justified
simple centered on primary
Simple centered on light
Simple Centered on dark
Centered on dark panel
Simple CTA Centered
Dark panel with app screenshot
Simple stacked
Offset 2×2 grid
