Parte de una aplicación con la que el usuario interactúa directamente.
Incluyendo elementos gráficos como botones, menús, formularios, y otros componentes visuales.
// Componentes UI en React function Button({ children, variant = 'primary', onClick }) { const estilos = { primary: 'bg-blue-500 text-white', secondary: 'bg-gray-200 text-gray-800', danger: 'bg-red-500 text-white' }; return ( <button className={`px-4 py-2 rounded ${estilos[variant]}`} onClick={onClick} > {children} </button> ); } // Formulario UI function LoginForm() { return ( <form className="space-y-4"> <div> <label htmlFor="email">Email</label> <input id="email" type="email" className="w-full border rounded px-3 py-2" /> </div> <Button type="submit">Iniciar sesión</Button> </form> ); } // Bibliotecas UI populares: // - shadcn/ui (componentes copiables) // - Radix UI (primitivos accesibles) // - Material UI (estilo Google) // - Chakra UI (fácil de personalizar) // - Tailwind CSS (utilidades)
