Plant Game

Related Examples

• 
  Simple Hero Section

  Hero Section using Tailwind

  Author:
  Ahita Bisma Adlula

  11 months ago

  1.3k
• 
  Native HTML Accordion

  native html accordion summary details

  Author:
  Cristian

  1 year ago

  2.4k
• 
  Full Page loading overlay

  Author:
  Bunny

  2 years ago

  12.3k
• 
  Invoice template

  Author:
  Shakti

  2 years ago

  27.8k
• 
  Responsive fullscreen youtube video

  Author:
  Anonymous

  2 years ago

  8.9k
• 
  Sticky fullpage pages / slides

  Author:
  Hasan AlDoy (McDoy)

  1 year ago

  1.5k
• 
  Clean AI Chat UI with Tailwind CSS – ChatGPT-Style Interface

  A polished and responsive AI chat interface built using modern Web Components and Tailwind CSS. This UI replicates the smooth, minimal experience of ChatGPT with a clean layout, floating input bar, animated scrollable message feed, and mock AI responses. Ideal for SaaS dashboards, AI assistants, or frontend prototypes. Designed with professional spacing, accessible colors, and reusable components. Key features: Responsive layout with mobile support Floating input bar with auto-expanding textarea Tailwind-powered message bubbles with clear sender roles Modern dark theme with subtle gradients and shadows Easily extendable to real AI APIs (e.g., OpenAI)

  Author:
  Ayyamperumal S

  8 months ago

  1.6k
• 
  Energy Efficiency Program - Oklahoma

  Code for new IT proposal

  Author:
  Mario Williams

  7 months ago

  405
• 
  Background image section

  Author:
  Marc

  2 years ago

  6.5k
• 
  Interactive Multi-Method Donation Section

  Overview: A high-trust, conversion-oriented fundraising section styled in the project's signature Navy Blue theme. It provides users with flexible payment options, ranging from one-click fixed amounts to manual bank transfers and cryptocurrency donations. Key Features: Smart Amount Logic: Includes a JavaScript-powered selector where users can choose a preset amount ($10, $25, $50) or type a custom value. The interface automatically toggles states (deselecting buttons when typing, and vice-versa) to prevent user error. Payment Methods: Quick Card/Checkout: Primary call-to-action column. Bank Transfer: A clean card displaying account details with a "Copy to Clipboard" utility. Crypto (Bitcoin): A specialized dark-themed card featuring a placeholder QR code and wallet address copying functionality. Trust Signals: Includes security iconography (lock, shield) and reassuring copy to boost donor confidence. Visual Hierarchy: Uses a 7/5 grid split to prioritize the immediate donation action while keeping manual payment methods accessible but secondary. Tech Stack: Framework: Tailwind CSS. Icons: Ionicons. Scripting: Vanilla JavaScript (for amount toggling and clipboard copying functions). Fonts: DM Serif Display (Headings) + Inter (Body). Usage: Ideal for the "Support Us" page or a dedicated campaign landing page. The script tag included at the bottom handles all the interactivity (button selection and text copying) without needing external libraries.

  Author:
  Juan D. Cortorreal

  1 month ago

  341
• 
  Password Generator

  This is a simple and responsive Password Generator built with HTML, Vanilla JavaScript, and Tailwind CSS. It allows users to create secure passwords by selecting custom options such as length, uppercase letters, lowercase letters, numbers, and symbols. Ideal for developers or users looking for a fast and customizable password tool.

  Author:
  SAURAV SINGH

  6 months ago

  520
• 
  status indicatior

  status indicator navigation dashbord

  Author:
  Rushikesh Latpate

  1 year ago

  1k