Skip to main content

Section Blocks

28 blocks.
Drop any section in seconds.

Full-page sections — hero variants, marketing blocks, auth flows, dashboards, and more. Built with OKLCH design tokens and particle effects. One command installs the block and all its dependencies.

25 free3 proReact · Vue · Svelte

Installing a block

Free blocks work immediately. Pro blocks require a PARTICLEUI_TOKEN.

$ npx particleui-cli add hero-centered
View block

AI Chat Interface

Free

Full-featured AI chat UI with message bubbles, model selector, copy button, and typing indicator.

View block

Auth — Forgot Password

Free

Forgot password form with email input and reset link send confirmation.

View block

Auth — Sign In

Free

Sign-in form with email/password, Google/GitHub social buttons, and forgot password link.

View block

Auth — Sign Up

Free

Sign-up form with name, email, password, terms checkbox, and social login options.

View block

Auth — Verify Email

Free

Email verification screen with resend link and success state.

View block

Bento Grid

Pro

Asymmetric bento-style feature grid with spotlight hover effect on each card.

Requires Pro token
Bar
Line
Area
Pie
View block

Charts

Free

Bar, line, area, and pie charts built on Recharts with dark-mode OKLCH styling.

View block

CTA Section

Free

Full-width call-to-action section with radial gradient background, meteors, and dual CTA buttons.

View block

Dashboard — Analytics

Free

Analytics dashboard with metric cards, recent orders table, and top pages with progress bars.

M
W
D
A
S
M
T
W
T
F
S
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
View block

Event Calendar

Free

Full-featured event calendar built on react-big-calendar with month, week, day, and agenda views, click-to-add events, per-event color support, and a custom dark-themed toolbar.

View block

FAQ Section

Free

Accordion-based FAQ section with configurable questions and answers.

View block

Feature — Alternating

Free

Three alternating feature rows with code previews. Left-right layout flips on odd rows.

View block

Feature Grid

Free

Bento-style feature grid with glow cards, gradient text titles, and icon badges.

View block

File Uploader

Free

Drag-and-drop file upload with image previews, progress animation, and validation.

View block

Footer

Free

Three-column footer with brand tagline, link groups, legal links, and copyright.

View block

Hero — Centered

Free

Full-width centered hero with gradient headline, typewriter subtitle, CTA buttons, beam separator, and optional meteor shower.

View block

Hero — Split

Free

Two-column hero with headline and feature bullets on the left, animated code preview card on the right.

View block

How It Works

Free

Three-step process section with numbered steps, icons, and a code snippet preview.

View block

Kanban Board

Free

Drag-and-drop Kanban board with column and card sorting, inline card creation, and priority badges.

View block

Logo Cloud

Free

Infinite-scroll marquee of brand logos. Two rows, mirrored direction.

View block

Map

Free

Dark-themed interactive map built on react-leaflet with CartoDB Dark Matter tiles, custom SVG cream markers, and popup labels.

View block

Newsletter Section

Free

Email signup section with glow card, input, and submit button.

View block

Particle Hero

Pro

Full-viewport hero section with animated canvas particle system, connect lines, and configurable electric color palette. Pro component.

Requires Pro token
View block

Pricing Section

Free

Three-tier pricing table with monthly/annual toggle, feature lists, and highlighted popular plan.

View block

Settings Page

Free

Settings layout with Profile, Security, Notifications, and Billing tabs.

View block

Spotlight Hero

Pro

Hero section where a radial spotlight follows the user's cursor across a grid background.

Requires Pro token
View block

Stats Section

Free

Animated metric counters on glow cards with a beam separator. Numbers animate on scroll.

View block

Testimonials Section

Free

Customer testimonial cards in a responsive grid with avatars and star ratings.