27

SomaRwanda

Menya uburyo bwo kwandika ibisomwa, impuzandimi, n'imyandikire y'icyongereza mu buryo bworoshye.

This tailwind example is contributed by Code Master(Mfuranziza Dusabe Hamza), on 31-May-2025. Component is made with Tailwind CSS v3. It is responsive. similar terms for this example are Get in touch, Contact form,Service rates, Subscription plans,Front page,upcoming, Pre-launch page, Teaser page, Under construction page, Placeholder page, Sneak peek page,Launch page

Header Contact us Pagination Pricing Landing Page Coming Soon Page Cookie consent
Code Master(Mfuranziza Dusabe Hamza) profile image

Author Code Master(Mfuranziza Dusabe Hamza)

178
12

Related Examples

  • Hero
    Hero
    Aman kumar Author:
    Aman kumar
    6.1k
  • Hero Section
    Hero Section

    Home hero section search bar

    $@(\/)(\/)Y Author:
    $@(\/)(\/)Y
    6.6k
  • Portfolio Hero Section 3
    Portfolio Hero Section 3

    visually stunning and captivating hero section component for your portfolio website.

    $@(\/)(\/)Y Author:
    $@(\/)(\/)Y
    6.8k
  • Animated Coming Soon Page 1
    Animated Coming Soon Page 1

    animated coming soon landing page

    $@(\/)(\/)Y Author:
    $@(\/)(\/)Y
    3.6k
  • Animated Coming Soon Page 2
    Animated Coming Soon Page 2

    Animated Coming soon Page

    $@(\/)(\/)Y Author:
    $@(\/)(\/)Y
    2.8k
  • Animated Coming Soon Page 1
    Animated Coming Soon Page 1

    animated coming soon landing page

    Anonymous Author:
    Anonymous
    2k
  • Section Heading
    Section Heading

    A gorgeous section heading with a smooth blur element.

    Coastal UI Author:
    Coastal UI
    898
  • Hero
    Hero
    Hasan AlDoy (McDoy) Author:
    Hasan AlDoy (McDoy)
    1.1k
  • Interactive Pricing Table
    Interactive Pricing Table

    This modern pricing component features a visually appealing, responsive layout with smooth hover effects, making it ideal for showcasing different plans and subscription tiers. Design and Features: ✅ Elegant Gradient Backgrounds • Each pricing card has a unique gradient overlay, transitioning from soft gray, blue, or indigo to white, enhancing contrast and visual appeal. • The rounded-2xl design ensures a polished and smooth aesthetic. ✅ Interactive Hover Effects • Cards have a subtle hover shadow enhancement, making them pop on interaction (hover:shadow-[0_0px_25px_0px_rgba(0,0,0,0.2)]). • Slight floating effect (hover:translate-y-[-5px]) gives the illusion of elevation on hover. ✅ Pricing & Plan Details • Each card presents a plan title, a short subtitle, and a bold price display (text-3xl font-extrabold text-indigo-500). • Supports free, subscription-based, and enterprise-tier pricing, ensuring flexibility for different business models. ✅ Call-to-Action Buttons • Each plan features a highly visible CTA button (bg-indigo-700 text-white rounded-md). • The buttons change color on hover (hover:bg-indigo-500) and expand slightly, encouraging user interaction. ✅ Animated Background Icons • A large, transparent icon (text-[500px] text-gray-100) dynamically moves on hover (group-hover:-translate-y-8 group-hover:-translate-x-8), adding depth and a premium feel. This pricing component is perfect for SaaS platforms, digital subscriptions, and service offerings, ensuring a modern, sleek, and engaging user experience. 🚀

    Banshee Author:
    Banshee
    816
  • Coming Soon Page
    Coming Soon Page

    Modern , gradient coming soon page

    Rajesh Maheshwari Author:
    Rajesh Maheshwari
    783
  • Animated Coming Soon Page 1
    Animated Coming Soon Page 1

    animated coming soon landing page

    Repal co Author:
    Repal co
    339
  • Website Pricing List Card Component
    Website Pricing List Card Component

    Website Pricing List Card Component with Package Names: Basic Package → Starter Website Premium Package → Business Website Professional Package → E-Commerce Solution Pricing Structure: Increased prices significantly to reflect web development services one-time payment model FAQ Content.

    Ayyamperumal S Author:
    Ayyamperumal S
    523

Explore components by Tags

Footer Header Card Article Avatar FAQ Banner Blog Breadcrumb Button Call to Action Form Carousel Contact us Error page Feature Gallery Hero Input Spinner Login Modal Pagination Pricing Profile View all tags

Didn't find component you were looking for?

Search from 2400+ components

tailwindflex logo TailwindFlex.com
Tailwindflex.com is a free Tailwind CSS examples library. It's a one-stop destination for ready-made Tailwind CSS components and templates.

Contact

Email: admin@tailwindflex.com

Resources

Tailwind CSS Gradient Generator Free Bootstrap CSS Components Free CSS Components

© 2025 TailwindFlex. All Rights Reserved.

v1.1