CCHub Logo CCHub Tailwind Collection
コンポーネント フィードバックコンポーネント フィードバックコンポーネントコンポーネント

フィードバックコンポーネントコンポーネント

パステルカラーの配色、適度な複雑さ、ダークテーマをサポートするレスポンシブデザインを備えたブルータリストスタイルのフィードバックコンポーネント。フィードバックや推薦文を紹介するポートフォリオ用に設計されています。

プレビュー

HTMLコード 

<div class="min-h-screen bg-pink-100 dark:bg-stone-900 p-8 flex items-center justify-center">
  <div class="max-w-4xl w-full bg-white dark:bg-stone-800 shadow-brutalist border-4 border-stone-900 dark:border-pink-500 p-8 md:p-12 relative">
    <h2 class="text-3xl md:text-5xl font-extrabold text-stone-900 dark:text-pink-100 mb-8 border-b-4 border-stone-900 dark:border-pink-500 pb-4 inline-block">
      Client Testimonials
    </h2>
    
    <div class="grid grid-cols-1 md:grid-cols-2 gap-8">
      <!-- Testimonial 1 -->
      <div class="bg-pink-200 dark:bg-stone-700 p-6 border-4 border-stone-900 dark:border-pink-500 relative group">
        <p class="text-stone-800 dark:text-pink-200 text-lg mb-4 italic leading-relaxed">
          "Working with [Your Name] was an absolute game-changer for my project. Their unique vision and relentless dedication brought my ideas to life in ways I hadn

関連コンポーネント

フィードバックコンポーネント

マテリアルデザインの原則に基づいて設計され、アースカラーを取り入れ、ダークモードをサポートするためのレスポンシブフィードバックコンポーネントです。このコンポーネントは、ダッシュボード用に特別に設計されており、さまざまなインタラクティブ要素を備えています。

開ける

フィードバックコンポーネント

ソーシャル メディア インターフェイス用に設計されたフィードバック コンポーネントで、マイクロインタラクションとグレースケールの配色が組み込まれており、ダーク テーマがサポートされています。

開ける

フィードバックコンポーネント

レスポンシブデザイン、ダークテーマのサポート、JavaScriptなしを特徴とするミニマリストフィードバックコンポーネント。アバター、ユーザーフィードバックテキスト、星で表される評価が含まれます。

開ける