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

関連コンポーネント

Cyberpunk_CRM_Feedback_Component

CRM/ビジネスツール用の複雑で応答性の高いフィードバックコンポーネントで、企業のブルースを使用したサイバーパンクの美学を備えています。複数のタブ、フォーム、最近のフィードバックのリストが含まれており、ダークモードをサポートしています。

開ける

Vibrant_Dark_Mode_Feedback_Component

エンターテインメント/メディアプラットフォーム向けに設計されたシンプルで鮮やかなフィードバックコンポーネントで、目の疲れを軽減するダークモードUIを備えています。目立つタイトル、サブディスクリプション、コールトゥアクションボタンが特徴で、すべて完全にレスポンシブです。

開ける

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

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

開ける