Testimonials Tweets
Masonry wall of social posts that fades out at the bottom into a read-more button.
- Type: Testimonials section
- Styles: Light, Minimal
- Licence: Charcoal UI Pro
About Testimonials Tweets
Testimonials Tweets lays out real-looking posts in masonry columns, with names, handles, verified badges and engagement counts, then fades the bottom of the wall into a read-more button.
It is a full-width testimonials section for React and Tailwind CSS 4, in a light and minimal style. Preview it at any width above, then install it with one command.
When to use Testimonials Tweets
- Developer tools and indie apps.
- Launch days and Product Hunt pages.
- Communities and creators.
- Consumer apps with fans online.
How it is built
Each post uses Tweet Card, columns are CSS, and the wall is height-capped so it never pushes the rest of the page away.
It is composed from Button, Tweet Card, so installing it also installs those components, and you can restyle each one the same way you would on its own.
Goes well with Testimonials Tweets
Testimonials Tweets is part of 19 full templates, so you can see it in a finished page.
- Relay template: Status updates that write themselves.
- Lattice template: Generate, keep, sell.
- Vellum template: Find anything your team ever wrote.
- Lane template: Catch the bug in review, not in prod.
- Glyph template: Four thousand icons, one style.
- Hexwork template: The framework, and the people behind it.
- Terminus template: A terminal with taste.
- Steep template: Loose-leaf, sold like it matters.
- Lumi template: Drag the slider, buy the app.
- Dropline template: Built for the hour everything sells out.
- Off the Clock template: A home for a show and its listeners.
- The Margin template: A publication with paying readers.
- Paperclip template: Get paid faster, freelancer.
- Cohort template: Sell a course like a creator.
- Commons template: Bring your members home.
- Campfire template: Group chat that stays readable.
- Backstage template: Members-only videos, done properly.
- Manifest template: Turn launch day into a sales day.
- Relaunch template: Announce the big new version.
- Testimonials Marquee: A React testimonials marquee: two rows of quotes drifting opposite ways
- Testimonials Wall: A React testimonials wall: a masonry of quotes with ratings revealed on scroll
- Testimonials Spotlight: A React testimonial spotlight: one big quote at a time with avatar switching
- Testimonials Video: React video testimonial cards that expand with captions and progress on play
- Button: An animated React button with six variants, spring press feedback and a width-stable loading state
- Tweet Card: An animated React social post card with a bursting like button
Install Testimonials Tweets
npx shadcn@latest add @charcoal/testimonials-tweetsTestimonials Tweets is part of Charcoal UI Pro: one seat covers all 107 sections, 100 templates and 300 Pro components, for unlimited projects. The command installs the section into components/sections along with every component it uses.
Frequently asked questions
- Does Testimonials Tweets work with Next.js?
- Yes. It is a React 19 component styled with Tailwind CSS 4, so it drops into a Next.js page, a Vite app, Remix or Astro.
- Can I change the copy and colours?
- Yes. The section is a file in your project. Text, links and images are plain props or JSX, and colours come from your theme's CSS variables, so a brand change is a token edit.
Built from
- Button: Six variants with spring press feedback. The loading state swaps the label for a spinner without changing width.
- Tweet Card: A social post card: hover lifts it, the like heart bursts and the count ticks, and mentions, tags and links are picked out in the accent.