Flex and Flex-Col

Related Examples

• 
  Responsive fullscreen youtube video

  Author:
  Anonymous

  2 years ago

  8.7k
• 
  magic card

  by salvator

  Author:
  Baraka Salvator

  4 months ago

  645
• 
  🔥 Sleek & Modern Button with Hover Effect – Tailwind CSS

  A beautifully designed button using Tailwind CSS, featuring smooth transitions, a bold shadow effect, and a hover animation. Styled with custom colors, rounded edges, and a modern font, this button is perfect for call-to-action (CTA) elements in your website or app. 🚀

  Author:
  Ahita Bisma Adlula

  7 months ago

  402
• 
  image

  Author:
  pablitodgb

  3 months ago

  199
• 
  admindashboard

  creates a responsive, interactive admin dashboard using Tailwind CSS, Font Awesome, Chart.js, and custom JavaScript animations. It's called "Materially Dashboard" and is designed for presenting key statistics and analytics data in a visually appealing manner.

  Author:
  ishimwe shadad

  4 months ago

  409
• 
  Modern Testimonial

  A simple and easy to use component for reviews and testimonials.

  Author:
  Coastal UI

  7 months ago

  910
• 
  Instagram Post UI Mockup

  A static HTML and Tailwind CSS component that visually replicates the user interface of an Instagram post. This mockup includes the post header (avatar, username, options), image area, action buttons (like, comment, share, save), like count, caption, and comment section. It features responsive constraints and supports both light and dark mode, closely mimicking the look and feel of the actual Instagram app. Ideal for UI prototyping, style guides, or frontend development practice.

  Author:
  Hamza Atig

  5 months ago

  804
• 
  Table Content

  Dashboard Table Content, with Sidebar Reusable for any window

  Author:
  Ameth Galarcio

  8 months ago

  1.8k
• 
  Invoice

  Invoice

  Author:
  Tanvir Hasan Bappy (Tanvir)

  6 months ago

  493
• 
  portfolio

  This portfolio page for Claire includes: 1. Responsive design that works on both desktop and mobile 2. Indigo-800 and Blue-900 color scheme for the background 3. Dark mode support (the design is already dark-themed) 4. Beautiful animations and effects: 1. Fade-in and slide-up animations for sections 2. Animated skill bars 3. Hover effects on projects and buttons 4. Smooth scrolling for navigation 5. Mobile-friendly navigation with a toggle menu 6. Sections for About, Skills, Projects, and Contact 7. A contact form with styled inputs 8. Social media links in the footer 9. Accessibility considerations (proper heading structure, color contrast, focus styles) Key features: - The background uses a gradient from Indigo-800 to Blue-900 - The header and footer have a frosted glass effect using backdrop filters - Text is white for high contrast against the dark background - Sections fade in and slide up as they enter the viewport - Skill bars animate when the skills section is in view - Project cards have a hover effect with scaling and increased opacity - The contact form has animated focus states - Social media icons change color on hover - The layout is responsive, with a hamburger menu for mobile screens This implementation provides a visually appealing and functional portfolio page for Claire, using HTML, Tailwind CSS, and vanilla JavaScript for the interactions and animations.

  Author:
  nejaa badr

  11 months ago

  1.9k
• 
  cards

  cards with background animation

  Author:
  Anonymous

  2 years ago

  11k
• 
  Background image section

  Author:
  Marc

  1 year ago

  6.1k