color blur

Related Examples

• 
  Gradient Flip-Text Button with Hover Animation

  This stylish button features a dynamic gradient background that shifts from a calm green gradient by default to a vibrant purple-pink-red gradient on hover. The button also includes an interactive text flip effect, where the text seamlessly transitions on hover, creating a visually appealing and modern UI element. Perfect for adding flair to your websites or applications while maintaining functionality and responsiveness.

  Author:
  SHARIFUL ISLAM

  3 months ago

  503
• 
  Modern Responsive Footer with Tailwind CSS

  This sleek and modern responsive footer is built using HTML and Tailwind CSS. It features three sections: brand information, useful links, and social media icons. The footer includes smooth hover effects, subtle fade-in animations, and a fully responsive design that adapts seamlessly to different screen sizes. Perfect for websites looking for a professional and stylish footer section.

  Author:
  Ayyamperumal S

  3 months ago

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

  2 weeks ago

  196
• 
  SocialSphere: A Full-Stack Social Media Platform

  SocialSphere is a full-stack social media platform inspired by Facebook, built using HTML CSS

  Author:
  Acode Master(Mfuranziza Dusabe Hamza)

  1 week ago

  64
• background animation

  background animation

  Author:
  Anonymous

  1 year ago

  44.6k
• 
  Text with gradient underline

  Gradient Underline Text. Decorate your text with a gradient underline for a modern touch.

  Author:
  Anonymous

  1 year ago

  9.5k
• 
  Reusable Skill Showcase Section With Pure Tailwind CSS

  A fully responsive and modular "Skills & Tools" section, perfect for any developer portfolio. Built with static HTML and Tailwind CSS, this component can be easily integrated into any project and made dynamic using any frontend framework (Vue, React, Svelte, Angular) or vanilla JavaScript. Customize it to highlight your unique tech stack and create engaging portfolio pages.

  Author:
  Abdul Baset Bappy

  2 months ago

  673
• 
  Payment Cards

  Author:
  Shammi Nethupul

  10 months ago

  2k
• 
  Payment form

  Author:
  ORGIN_DREAMS

  1 week ago

  16
• 
  masonary grids effect for cards using columns

  As part of the redesign I was trying to think of ways to lay out testimonials from students, which may have varying length/content, I stumbled onto the idea of using a masonry layout (think bricks, think Pinterest).

  Author:
  rohit whyphy

  2 months ago

  511
• 
  simple responsive blog layout with sidebar

  Author:
  Isabella Kowalski

  2 years ago

  8.9k
• 
  background animation

  background animation

  Author:
  Jayendra Madara

  10 months ago

  2.4k