EduChina

Related Examples

• 
  Landing page

  g2.5, neomorphism

  Author:
  Akram Khan

  4 months ago

  619
• 
  cards

  html , css ,

  Author:
  Hacker Development

  6 months ago

  604
• 
  ArtoGallery

  Explore a curated selection of contemporary and classic artwork, connecting collectors and creators in an inspiring online space.

  Author:
  ORGIN_DREAMS

  5 months ago

  920
• 
  Animated Coming Soon Page 1

  animated coming soon landing page

  Author:
  81

  5 months ago

  380
• 
  Modern Responsive Footer with Tailwind CSS

  This sleek and modern responsive footer is built using HTML and Tailwind CSS. It features three sections: brand information, useful links, and social media icons. The footer includes smooth hover effects, subtle fade-in animations, and a fully responsive design that adapts seamlessly to different screen sizes. Perfect for websites looking for a professional and stylish footer section.

  Author:
  Ayyamperumal S

  9 months ago

  1.4k
• 
  Coming Soon Countdown Section – Animated & Responsive

  A beautifully designed "Coming Soon" landing section built with Tailwind CSS and Alpine.js, perfect for startups, SaaS platforms, and product launches. This component features a live countdown timer, smooth fade-in animations, and floating gradient effects for a futuristic, engaging look. The layout adapts seamlessly to all screen sizes and supports dark mode, creating a professional pre-launch experience that builds anticipation and excitement. ✨ Key Features ⏳ Dynamic countdown timer (days, hours, minutes, seconds) 🎨 Animated gradient orbs for a vibrant background effect 🌙 Dark mode support included 💨 Smooth entrance animations using Alpine.js 📱 Fully responsive design for all devices 🔗 Social media icons to keep your audience connected 💡 Perfect for: Coming Soon or Under Construction pages Product and SaaS pre-launch sites Portfolio or agency landing pages Event or app launch countdowns

  Author:
  wavy kits

  1 month ago

  222
• 
  Simple app landing page with video preview

  Author:
  Prajwal Hallale

  2 years ago

  10.1k
• 
  SomaRwanda

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

  Author:
  Code Master(Mfuranziza Dusabe Hamza)

  5 months ago

  730
• 
  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. 🚀

  Author:
  Banshee

  9 months ago

  1.4k
• 
  A Fullscreen Hero Section

  Author:
  Brandon D

  3 years ago

  21k
• 
  Page not found

  When lost get help to get back home

  Author:
  ORGIN_DREAMS

  5 months ago

  648
• 
  Reusable Skill Showcase Section With Pure Tailwind CSS

  A fully responsive and modular "Skills & Tools" section, perfect for any developer portfolio. Built with static HTML and Tailwind CSS, this component can be easily integrated into any project and made dynamic using any frontend framework (Vue, React, Svelte, Angular) or vanilla JavaScript. Customize it to highlight your unique tech stack and create engaging portfolio pages.

  Author:
  Abdul Baset Bappy

  7 months ago

  1.5k