Browse components

Quote HighlightFree

Editorial pull quote with oversized glyph, expanding rule, and blurred fade-in.

Add to your project

Checking access...

Works with your AI tools

ClaudeClaude*
CodexCodex*
LovableLovable
Base44Base44
Figma MakeFigma Make
ReplitReplit*
CursorCursor*
v0v0

* Compatible with most projects that use the default React/Next.js framework.

Built With

ReactTailwind CSSFramer Motion

Props

PropTypeDescription
quotestringPull quote text
authorstringAttribution name
rolestringOptional title / company
avatarstringOptional portrait URL
align'left' | 'center'Text alignment within the block
tone'light' | 'dark'Light or dark ground
classNamestringStyles for the outer shell

More Content Components

Accordion Chevron preview

Accordion Chevron

Minimal accordion with a subtly animated chevron for compact FAQs and supporting details.

Scroll Progress Indicator

A circular scroll progress indicator that doubles as a compact return-to-top control.

62%

Reading Progress

A drawn-line progress indicator with spring-smoothed scroll tracking and a fading percentage.