Tailwind Google Map widget

Related Examples

• 
  Tailwind CSS Service Card Component

  An HTML and Tailwind CSS code snippet for creating a responsive service card component. Ideal for marketplaces, portfolios, or listing pages. Includes sections for image/video preview, seller info, rating, pricing, and additional details. Easy to customize using Tailwind utility classes.

  Author:
  Hamza Atig

  3 months ago

  541
• 
  Career Page

  This is a career page component built in tailwind

  Author:
  Deepak Sharma

  6 months ago

  723
• 
  Tag Input field

  This code creates a dynamic tag input field using HTML, JavaScript, and TailwindCSS. Users can type tags into the input field and press "Enter" to add them. Each tag is displayed inside the input field as a styled container with a remove button. The tag input is limited to a maximum of 5 tags, and an error message is shown if the limit is exceeded. Users can remove tags to free up space for new ones. The input field and tags are styled using TailwindCSS, ensuring a clean and responsive design.

  Author:
  Ranit Saha

  6 months ago

  1.1k
• 
  ForK blocks animations

  ForK blocks animations

  Author:
  Yor Rodriguez

  6 months ago

  1.2k
• 
  chart

  to chart on your family and

  Author:
  Nishimwe Jeanine

  2 months ago

  280
• 
  Privacy policy page template

  Author:
  Sameer Sultana

  2 years ago

  17.8k
• 
  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

  9 months ago

  1.7k
• 
  3d Box

  Let's build a 3d world empowered by Orgin Dreams.these are 3d objects

  Author:
  ORGIN_DREAMS

  2 months ago

  323
• 
  button animation

  button animation big

  Author:
  QQ-VVN

  2 months ago

  192
• 
  Notifications

  Toast Notifications are lightweight and customizable components for displaying short messages or alerts. They are perfect for feedback on user actions, such as form submissions or system updates. Supports different types of notifications (success, error, warning, info). Automatically hides after a specified timeout. Option to include action buttons or close icons. Customizable styles, animation, and position on the screen.

  Author:
  Abhiraj

  6 months ago

  641
• 
  chat ui advanced

  Professional chat ui, connect me for jsx https://abhirajk.vercel.app/

  Author:
  Abhiraj

  6 months ago

  1.1k
• 
  Order History

  Order History

  Author:
  Tanvir Hasan Bappy (Tanvir)

  4 months ago

  425