daisyUI Blocks

Marketing Banner: Announcement Bar

Slim announcement bar with a message and link.

Marketing Banner: Cookie Notice

Cookie consent banner with accept and manage actions.

Marketing Banner: Promo Dismissible

Dismissible promo banner with a primary action.

Marketing Banner: Sale Strip

Sale strip highlighting an offer with a call to action.

Marketing Blog Section: Category Grid

Grid of posts grouped under a category heading.

Marketing Blog Section: Featured With List

Featured post beside a list of recent articles.

Marketing Blog Section: List With Thumbnails

Vertical list of posts each with a thumbnail.

Marketing Blog Section: Newsletter And Posts

Recent posts paired with a newsletter signup.

Marketing Blog Section: Three Card Grid

Three column grid of article cards with metadata.

Marketing Contact Section: Cards Row

Row of contact method cards for sales and support.

Marketing Contact Section: Centered Form

Centered contact form for general inquiries.

Marketing Contact Section: Form With Info

Contact form alongside office and support information.

Marketing Contact Section: Split Form

Contact section with details beside a message form.

Marketing Contact Section: With Map Placeholder

Contact details beside a framed map placeholder.

Marketing CTA Section: Bordered Card

Bordered call to action card on a muted background.

Marketing CTA Section: Centered Panel

Centered call to action panel with headline and button pair.

Marketing CTA Section: Full Width Band

Full width call to action band with a single primary button.

Marketing CTA Section: Newsletter Inline

Call to action with an inline newsletter input and button.

Marketing CTA Section: Split With Form

Split call to action with copy beside a short signup form.

Marketing CTA Section: Two Action Stack

Stacked headline with primary and secondary action buttons.

Marketing CTA Section: With App Badges

Call to action featuring app store download badges.

Marketing FAQ Section: Accordion Single

Single column accordion answering common questions.

Marketing FAQ Section: Accordion With Aside

Accordion beside a contact aside for further help.

Marketing FAQ Section: Centered Accordion

Centered narrow accordion for a focused set of questions.

Marketing FAQ Section: Grid Cards

Grid of question cards each with a short answer.

Marketing FAQ Section: Search Led

FAQ led by a search field above a grouped accordion.

Marketing FAQ Section: Two Column List

Two column list of questions and concise answers.

Marketing Feature Section: Accordion Features

Collapsible accordion that expands each feature on demand.

Marketing Feature Section: Alternating Rows

Alternating media and text rows that walk through key features.

Marketing Feature Section: Bento Grid

Asymmetric bento grid mixing large and small feature tiles.

Marketing Feature Section: Centered Highlight

Single centered feature highlight with a framed product image.

Marketing Feature Section: Checklist Split

Split layout with a feature checklist beside a supporting visual.

Marketing Feature Section: Four Column Grid

Four column grid of concise feature callouts with icons.

Marketing Feature Section: Icon List Compact

Compact two column list of icon and label feature pairs.

Marketing Feature Section: Media Left

Feature section with the visual on the left and copy on the right.

Marketing Feature Section: Stats With Features

Feature grid paired with a band of headline metrics.

Marketing Feature Section: Steps Timeline

Numbered steps timeline explaining how the product works.

Marketing Feature Section: Three Column Icons

Three column grid of icon backed feature summaries.

Marketing Feature Section: With Tabs

Tabbed feature switcher revealing one capability panel at a time.

Marketing Footer: Big Brand

Footer led by a large brand statement above link columns.

Marketing Footer: Four Column Links

Four column footer with grouped navigation links.

Marketing Footer: Minimal Bar

Minimal single bar footer with copyright and links.

Marketing Footer: Simple Centered

Simple centered footer with brand and legal links.

Marketing Footer: Two Tier

Two tier footer with a links band over a legal strip.

Marketing Footer: With Newsletter

Footer combining link columns with a newsletter signup.

Marketing Footer: With Social

Footer with link columns and a row of social icons.

Marketing Hero Section: Announcement Led

Hero led by a pill announcement linking to the latest release.

Marketing Hero Section: Bold Flat

Bold oversized headline hero on a flat high contrast surface.

Marketing Hero Section: Centered Headline

Centered headline with two call to action buttons over a clean canvas.

Marketing Hero Section: Left Aligned Stats

Left aligned hero pairing a headline with a row of supporting stats.

Marketing Hero Section: Split With Mockup

Headline and copy on the left with a product mockup panel on the right.

Marketing Hero Section: Two Column Form

Two column hero with a compact lead capture card on the right.

Marketing Hero Section: With Email Capture

Hero with an inline email signup form for early access waitlists.

Marketing Hero Section: With Feature List

Hero with a checklist of headline benefits beside the call to action.

Marketing Hero Section: With Rating

Hero featuring a star rating and trusted by note under the buttons.

Marketing Hero Section: With Screenshot Below

Centered hero with a large product screenshot anchored below the fold.

Marketing Logo Cloud: Grid Bordered

Bordered grid of customer logos with dividers.

Marketing Logo Cloud: Simple Row

Single row of customer logos on a clean band.

Marketing Logo Cloud: Strip Spaced

Evenly spaced strip of logos across a full width band.

Marketing Logo Cloud: Two Rows

Two balanced rows of customer logos.

Marketing Logo Cloud: With Heading

Logo cloud introduced by a short trusted by heading.

Marketing Navbar: App Style

App style navbar with brand, links, and an avatar menu.

Marketing Navbar: Centered Logo

Navbar with a centered brand between split navigation.

Marketing Navbar: Minimal

Minimal navbar with brand and a single call to action.

Marketing Navbar: Simple Links

Top navigation bar with brand, links, and a primary action.

Marketing Navbar: With Dropdown

Navbar featuring a dropdown menu for product links.

Marketing Navbar: With Search

Navigation bar with an inline search field and actions.

Marketing Newsletter: Boxed Callout

Boxed newsletter callout on a muted surface.

Marketing Newsletter: Centered Inline

Centered newsletter headline with an inline email form.

Marketing Newsletter: Minimal Bar

Minimal newsletter bar with a single input and button.

Marketing Newsletter: Split Card

Split newsletter card with copy beside the signup field.

Marketing Newsletter: With Benefits

Newsletter signup paired with a short list of benefits.

Marketing Pricing Section: Comparison Table

Full feature comparison table across several plans.

Marketing Pricing Section: Enterprise Callout

Pricing trio followed by an enterprise contact callout.

Marketing Pricing Section: Single Plan

Single plan card with an itemized list of everything included.

Marketing Pricing Section: Three Tier

Three pricing tiers with a highlighted recommended plan.

Marketing Pricing Section: Tiered Cards Outlined

Outlined tier cards with clear per seat pricing.

Marketing Pricing Section: Two Plans

Two plan comparison with monthly pricing and feature lists.

Marketing Pricing Section: Usage Based

Usage based pricing with a slider style cost estimate.

Marketing Pricing Section: With Toggle

Pricing cards with a monthly and yearly billing toggle.

Marketing Stats Section: Big Number Trio

Trio of oversized numbers anchoring a results section.

Marketing Stats Section: Bordered Grid

Bordered grid of metrics with dividers between cells.

Marketing Stats Section: Four Up Row

Row of four headline metrics with short labels.

Marketing Stats Section: Inline With Copy

Stats inline beside a paragraph of supporting copy.

Marketing Stats Section: Two By Two

Two by two grid of metrics with supporting captions.

Marketing Stats Section: With Heading

Stats band introduced by a section heading and lede.

Marketing Team Section: Centered Intro

Centered team intro above a responsive member grid.

Marketing Team Section: Compact Row

Compact row of team avatars with names and titles.

Marketing Team Section: Four Column

Four column team grid with social links per member.

Marketing Team Section: Grid Cards

Grid of team member cards with avatars and roles.

Marketing Team Section: Leadership Spotlight

Leadership spotlight with a featured founder and the team.

Marketing Team Section: With Bios

Team layout pairing each member with a short bio.

Marketing Testimonial: Avatar Rating Grid

Grid of compact testimonials with avatars and star ratings.

Marketing Testimonial: Carousel Cards

Carousel of testimonial cards advancing one at a time.

Marketing Testimonial: Masonry Wall

Masonry wall of short customer quotes at mixed heights.

Marketing Testimonial: Single Spotlight

Single spotlight testimonial with a large pull quote.

Marketing Testimonial: Stats And Quote

Featured quote paired with supporting outcome metrics.

Marketing Testimonial: Three Column Quotes

Three column grid of customer quote cards with avatars.

Marketing Testimonial: Two Column Large

Two large side by side testimonials with author details.

Marketing Testimonial: With Logos

Testimonial row backed by a band of customer logos.