# Idea Generator Hero Section

> A stunning, modern hero section featuring a dark purple gradient background with flowing abstract shapes and glowing effects. The design includes a clean navigation bar, bold typography asking "What should we build today?", and an interactive input field with a glassmorphism effect and lightbulb icon. Built with React and Tailwind CSS, it features smooth animations, responsive design, and premium visual effects including SVG flowing shapes, backdrop blur, and subtle pulse animations. Perfect for creative agencies, development studios, or any platform focused on innovation and idea generation. The component is fully interactive with state management and optimized for all screen sizes. Key Features:  Responsive glassmorphism input field Animated SVG flowing shapes Purple gradient color scheme Interactive lightbulb button Smooth hover and pulse effects Mobile-first responsive design Clean, modern typography Professional navigation layout

- Author: [M.bin Salman](https://21st.dev/@muhammad-binsalman)
- License: unknown
- npm dependencies: lucide-react
- Live preview: https://21st.dev/@muhammad-binsalman/components/idea-generator-hero-section

## Install

```bash
npx shadcn@latest add "https://21st.dev/r/muhammad-binsalman/idea-generator-hero-section?api_key=$API_KEY_21ST"
```

Requires a 21st API key (generate one at https://21st.dev/mcp) passed as `API_KEY_21ST`. Free accounts get a limited number of installs per day; unlimited on a paid plan — see https://21st.dev/pricing.

Full component directory: https://21st.dev/llms.txt