blog card

Related Examples

• 
  Reader AI – Your AI-Powered Knowledge & Thinking System

  Reader AI helps you read, think, and remember better. Upload books, highlight insights, chat with AI, and build a personal knowledge system that evolves with you.

  Ayyamperumal S

  7 months ago

  553
• 
  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.

  Coastal UI

  1 year ago

  2.8k
• 
  About Us

  This The About Us Component with the tailwind class and some animation by tailwind and best about us page you can modify it and content is for now only clinic but you can ad your content

  Sahil Sasapara

  2 years ago

  5.7k
• 
  Feature Card

  Shows off a feature, great for homepages and grid layout, or can be used in dashboards for "example use" grids. Enjoy! Part of the Coastal UI collection.

  Coastal UI

  1 year ago

  793
• 
  Organize your work, master your flow

  Organize your work, master your flow

  Tanvir Hasan Bappy (Tanvir)

  9 months ago

  314
• 
  section card

  Raul antonio de la cruz hernandez

  9 months ago

  698
• 
  super cube

  complex landing page for super cube created by salvator

  Baraka Salvator

  1 year ago

  1.5k
• 
  Class A Profile - Information Systems Study Program

  Digital Innovation The Future Starts Here.

  Alif Bima Pradana

  7 months ago

  423
• 
  Basic landing page template

  Anonymous

  3 years ago

  12.6k
• 
  Portfolio by omerlinks the mouse

  Portfolio by omerlinks the mouse

  Omer fils ELENGA

  9 months ago

  913
• 
  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

  1 year ago

  2.1k
• 
  Our Technical Services

  Our Technical Services

  Tanvir Hasan Bappy (Tanvir)

  6 months ago

  596