- Home
-
ChinaEdu
ChinaEdu
ChinaEdu
This tailwind example is contributed by Tanvir Hasan Bappy (Tanvir), on 20-Jul-2025. Component is made with Tailwind CSS v3. It is responsive. similar terms for this example is Front page

Author Tanvir Hasan Bappy (Tanvir)
Related Examples
-
Landing page
g2.5, neomorphism
3 months ago460 -
admin panel UI
Premium Admin Panel Pack including sidebar navigation, top navbar, dashboard cards, user tables, quick actions, profile section, and footer. Fully responsive with modern clean design using Tailwind CSS.
3 months ago1.1k -
9 months ago1.8k
-
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. 🚀
8 months ago1.3k -
Animated Coming Soon Page 2
Animated Coming soon Page
1 year ago3.3k -
8 months ago1.2k
-
about video
about kelaplus video
2 months ago313 -
Login Form
Login Form With google icon
8 months ago1.3k -
SomaRwanda
Menya uburyo bwo kwandika ibisomwa, impuzandimi, n'imyandikire y'icyongereza mu buryo bworoshye.
4 months ago650 -
Fully Animated Timeline Card
It is at a 20s interval for testing purposes. Go to the <style> and change the .content-scroll class from 20s to 35s for a production ready slower animation.
10 months ago1.5k -
Mfuranziza Hamza
Mfuranziza Hamza full development
1 month ago268 -
Landing page template
Template de landing page com vídeo
5 months ago571
Explore components by Tags
Didn't find component you were looking for?
Search from 2400+ components