Quote

Testimonials

About

A figure-based blockquote that shows quoted text with an optional author and source line, prefixed by a quote icon.

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Quote to your project and fits it to your theme.

Code

How Quote is used: the demo's code. The component's own source comes with a free account.

Usage.tsx

"use client";

import Quote from "@/components/ui/quote";
import { LaikitProvider } from "@/components/ui/quote-utils/provider";

export default function QuoteDemo() {
  return (
    <LaikitProvider locale="en">
      <div className="flex w-full items-center justify-center bg-background p-10 text-foreground">
        <Quote author="lailai" source="laikit UI">
          Unity · Simplicity · Modernity
        </Quote>
      </div>
    </LaikitProvider>
  );
}