Neon container

Related Examples

• Typewriter effect

  using javascript

  Samuel Dawson

  3 years ago

  43.7k
• 
  Twitter Post (Tweet) UI Mockup

  A detailed static HTML and Tailwind CSS component replicating the user interface of a single Twitter post (Tweet). This mockup includes the user avatar, tweet header (name, handle, timestamp), tweet text with styled hashtags/mentions, optional media display, and the action bar with icons and counts (Reply, Retweet, Like, Views, Share). It is responsive, supports light and dark modes, and uses accurate iconography and hover states to closely resemble the real Twitter UI.

  Hamza Atig

  1 year ago

  1.5k
• 
  Checkbox models

  Tailwind Checkbox models

  QQ-VVN

  1 year ago

  1.6k
• 
  To-Do List with Tailwind CSS

  A simple and responsive to-do list built with HTML, JavaScript, and Tailwind CSS. Features task addition, completion, and deletion. Perfect for beginner projects or component demos.

  Sudip chaudhary

  1 year ago

  1.9k
• 
  Health Tracker - Diet Calorie Management App

  Health Tracker - Diet Calorie Management App

  Tanvir Hasan Bappy (Tanvir)

  10 months ago

  681
• 
  coffee

  a beverage brewed from the roasted and ground seeds of the tropical evergreen coffee plant. Coffee is one of the three most popular beverages in the world (alongside water and tea), and it is one of the most profitable international commodities

  Augustin

  1 year ago

  1.5k
• 
  Flex and Flex-Col

  วิธีการใช้ Flex และ Flex-Col

  rawitsara.tr

  1 year ago

  1.3k
• 
  free tailwind resume template

  free tailwind resume template

  Geoffrey Callaghan

  2 years ago

  4.8k
• 
  Pinterest-Style Masonry Gallery

  A Pinterest-inspired masonry gallery featuring images of different heights in a seamless multi-column layout.

  JUGENDRA GANGWAR

  3 months ago

  189
• 
  Infinity Premium Dashboard Tailwind

  Website Dashboard Admin with tailwind CSS CDN, responsif via mobile and tablet

  Alif Bima Pradana

  9 months ago

  1.3k
• 
  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.

  nejaa badr

  2 years ago

  3.7k
• 
  chat bar

  live chat

  gidy

  1 year ago

  2.3k