Neo-Brutalist Marquee
Bold brutalist testimonial with animated marquee text.
Main Features of Neo-Brutalist Marquee
How to Use Neo-Brutalist Marquee in Next.js
Installation Guide for Neo-Brutalist Marquee
Props
Customize the component with these props
| Property | Type | Default | Description |
|---|---|---|---|
quote | string | Stop looking. This is the toolkit you've been waiting for. It's raw, it's fast, and it works. | Testimonial quote text. |
author | string | ALEX R. | Author name. |
role | string | CTO, UNTITLED | Author role/title. |
badgeText | string | GAME CHANGER | Badge text displayed on card. |
marqueeText | string[] | ['Approved by Experts', 'Ship Faster'] | Array of marquee scrolling text items. |
backgroundColor | string | #FF4D00 | Background color (hex, rgb, or hsl). |
borderColor | string | #000000 | Border color (hex, rgb, or hsl). |
badgeColor | string | #fbbf24 | Badge background color (hex, rgb, or hsl). |
avatarColor | string | #3b82f6 | Avatar background color (hex, rgb, or hsl). |
Related Components
When to Use
Ideal for edgy streetwear brands, experimental art portfolios, and Next.js applications that want an energetic 'Marquee' aesthetic. Use this testimonial to showcase project collections with a high-intensity, industrial 'Raw' vibe.
Best Practices
Maintain consistent spacing within your design system by using it for aggressive brand storytelling. Follow React best practices by pairing it with bold, technical typography. Optimize for performance by managed the marquee intensity.
Why This Component Matters in Modern UI Development
Diagonal-based aesthetics communicate power, mystery, and structural honesty. This production-ready UI template helpsคุณ build an interface that feels authoritative and solid, breaking the 'standard' web layout rules.
Frequently Asked Questions
QWhy 'Marquee'?
The component features skewed containers and slanted text paths to simulate the raw structural honesty of the brutalist architectural movement.
QCan I adjust colors?
Yes, both the primary 'backgroundColor' and the specific 'badgeColor' are fully configurable, allowing you to create 'Cyber' or 'Industrial' pop effects.
QIs it mobile responsive?
The marquee rows adapt their spans dynamically for mobile, Ensuring the bold narrative remains impactful and structural on small screens.