Home
Prashant Saini
Rating Form with stars and message

Rating Form with stars and message

tailwindcss

This tailwind example is contributed by Prashant Saini, on 07-Jun-2025. Component is made with Tailwind CSS v3. It is responsive. similar terms for this example is Vote

Rating

Author Prashant Saini

219

Fork Fullscreen

<h2 class="text-3xl font-bold text-white text-center font-serif">Write a Review</h2>
            <div class="flex justify-center gap-2 text-3xl">
                <div class="flex flex-row-reverse justify-end items-center gap-2">

</div>
            </div>
            <div class="text-center text-gray-400 text-xl mb-4">
                <textarea id="review" name="review" rows="4" required class="w-full p-4 text-xl text-white font-serif placeholder-gray-400 bg-gray-700 rounded-lg border border-gray-600 focus:ring-2 focus:ring-blue-500 focus:outline-none resize-none" placeholder="Write your thoughts..."></textarea>
            </div>
            <div class="text-center">
                <button type="submit" class="font-serif w-full bg-gradient-to-r from-indigo-500 via-purple-600 to-pink-500 text-white font-semibold py-3 px-6 rounded-lg shadow-lg hover:from-indigo-600 hover:to-pink-600 transition-all duration-300">
                    Submit Review
                </button>
            </div>
        </form>
    </div>

Related Examples

Rating stars

Author:
Bunny

2 years ago

13.4k
Review popup form with toggle and stars
Review popup form with toggle and stars

Author:
Ayman Reifoun

4 months ago

565
Food Ordering Dashboard
A responsive user interface for selecting and ordering your favorite meals. The dashboard allows users to browse food categories, view dish details, and place orders with ease.

Author:
Muhammad Umair Arshad

3 months ago

495
Configurable 3-Tier Responsive Pricing Table
A modern, responsive pricing table component inspired by SaaS layouts, built with HTML and Tailwind CSS. Features three distinct pricing tiers displayed in cards, stacking vertically on smaller screens and transitioning to a 3-column grid on large screens (lg breakpoint). Includes interactive top controls for selecting the number of users and toggling between monthly/yearly billing cycles. Each card uses placeholder content for icons, titles, descriptions, features (with checkmarks/info icons), and distinct call-to-action buttons, making it easily adaptable. Styled with subtle background colors and clear typography for excellent readability.

Author:
Hamza Atig

4 months ago

462
Show total ratings

Author:
Piet Vriend

2 years ago

9.9k
rating system with Tailwind CSS and Alpinejs

Author:
Michael Andreuzza

1 year ago

1.7k
Star Rating

Author:
Gopi Yadav

2 years ago

11.6k
Card
travel place card hover effect card

Author:
nahid hasan

6 months ago

1.1k
Heart Shaped Rating Section

Author:
Gopi Yadav

2 years ago

12.8k
Super input radio card
card input radio simple input card input design awesome card design rounded black shadow blue border gray icon card radio option HTML CSS select JavaScript dropdown

Author:
ROHIT RAJPUT

9 months ago

1.2k
User ratings showcase section

Author:
Shakti

2 years ago

8.3k
Modern Testimonial
A simple and easy to use component for reviews and testimonials.

Author:
Coastal UI

6 months ago

900

Explore components by Tags

Didn't find component you were looking for?

Search from 2400+ components