Generate UI components with simple prompts

Ready to copy and paste with Tailwind CSS. Any design system, any framework.

Tip: describe in detail the component such as colours, texts and sizes.

+9000

components

+3500

variations

+2200

users

Featured components generated

un chat como el de whatsapp206 days ago

A background template for customer care with chatbots206 days ago

A row compare three plans with prices and options 206 days ago

navigation bar206 days ago

A weather app looks like the iOS weather app206 days ago

a board with three columns: To-do, in progress and done. Add a card "Task 1" in a To-do column.206 days ago

create a slider206 days ago

a toolbar, rounded, dark gray, with 3 icon buttons rounded204 days ago

a hero animated portfolio206 days ago

interactive rating component204 days ago

a rounded button, with power on icon and white background with light shadow205 days ago

A card tile with photo, title and description206 days ago

Latest creations by the community

hero16 hours ago

I need you to add images to this code about stoves <!DOCTYPE html> <html lang="es"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>TEKA Gas - Estufas a Gas</title>  <link rel="icon" href="favicon.ico">  <style> /* Estilos generales */ body { font-family: Arial, sans-serif; margin: 0; padding: 0; } /* Estilos del header */ header { background-color: #333; color: #fff; padding: 10px 0; text-align: center; } .header-container { display: flex; align-items: center; justify-content: space-between; max-width: 1200px; margin: 0 auto; padding: 0 20px; } .logo { width: 100px; } nav ul { list-style-type: none; padding: 0; margin: 0; } nav ul li { display: inline-block; margin-right: 20px; } nav ul li a { color: #fff; text-decoration: none; font-weight: bold; } /* Estilos de la sección de héroe */ .hero { background-image: url('hero-background.jpg'); /* Ruta a la imagen de fondo */ background-size: cover; color: #fff; text-align: center; padding: 100px 0; } .hero h1 { font-size: 36px; } .hero p { font-size: 18px; } /* Estilos de la sección de productos */ #productos { background-color: #f4f4f4; padding: 50px 0; } .productos-container { display: flex; flex-wrap: wrap; justify-content: center; max-width: 1200px; margin: 0 auto; padding: 0 20px; } .producto { width: 300px; margin: 20px; padding: 20px; background-color: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } </style> </head> <body>  <header> <div class="header-container"> <img src="logo-teka.png" alt="Logo TEKA Gas" class="logo">  <nav> <ul> <li><a href="#productos">Productos</a></li> <li><a href="#servicios">Servicios</a></li> <li><a href="#contacto">Contacto</a></li> </ul> </nav> </div> </header>  <main>  <section class="hero"> <h1>Bienvenidos a TEKA Gas</h1> <p>Innovación y calidad en estufas a gas.</p> <a href="#productos" class="btn">Descubre nuestros productos</a> </section>  <section id="productos"> <h2>Nuestros Productos</h2> <div class="productos-container">  <div class="producto"> <img src="producto1.jpg" alt="Producto 1">  <h3>Estufa a gas modelo A</h3> <p>Descripción del modelo A de las estufas a gas de TEKA.</p> </div>  <div class="producto"> <img src="producto2.jpg" alt="Producto 2">  <h3>Estufa a gas modelo B</h3> <p>Descripción del modelo B de las estufas a gas de TEKA.</p> </div>  </div> </section>  <section id="servicios"> <h2>Nuestros Servicios</h2> <p>Ofrecemos servicios de instalación y mantenimiento de estufas a gas.</p> </section>  <section id="contacto"> <h2>Contacto</h2> <p>Si tienes alguna pregunta, no dudes en contactarnos a través de nuestro formulario o llama al número de teléfono.</p> </section> </main>  <footer> <p>© 2024 TEKA Gas. Todos los derechos reservados.</p> </footer> </body> </html>21 hours ago

map with bar with checkboxes1 day ago

A model to display data1 day ago

avatar with crown1 day ago

a table to display the previous trip name, id, origin, destination, passengers1 day ago

I need a button1 day ago

an interactive map with restaurants on it2 days ago

Tree selection box2 days ago