Frontend

InfoQ是一个实践驱动、以社区为中心的技术媒体平台，致力于促进软件开发及相关领域知识与创新的传播,提供架构,云计算,AI,前端,大数据等与软件开发相关的最新技术资讯、解读及技术会议.

Una colección de más de 500 componentes y plantillas de interfaz de usuario diseñados profesionalmente y creados con Tailwind CSS, disponibles en HTML, React y Vue para crear sitios de marketing, aplicaciones y tiendas de comercio electrónico.

Un editor de código en línea y un entorno de desarrollo social para que los desarrolladores y diseñadores front-end creen, prueben y compartan proyectos web.

Un curso en vídeo completo con 15 horas de contenido y capacitación UX en vivo, que cubre 100 patrones de diseño de interfaz inteligente para diseñadores UI/UX y desarrolladores front-end.

La biblioteca más grande de elementos de interfaz de usuario de código abierto.

Una colección seleccionada de las mejores plantillas CSS y kits de interfaz de usuario de Tailwind para proyectos de desarrollo web.

DevUI es una solución front-end empresarial gratuita y de código abierto para productos de middle y back-office, que ofrece un sistema de diseño y componentes para diseñadores y desarrolladores.

Una biblioteca de animaciones CSS para varios navegadores listas para usar para proyectos web, fácil de implementar con solo una clase.

Fusion Design es una solución de nivel empresarial para crear productos web, mejorando la colaboración, la coherencia y la eficiencia entre diseñadores y desarrolladores.

Una herramienta para generar degradados de color CSS ingresando colores, con soporte para degradados de 3 colores y salida automática de código CSS.

Xiaomi's enterprise-level mid- and back-end design system. A conventional B-side web design system that provides design guidelines, front-end code, etc. There are design files for three platforms: Sketch, Axure, and Figma, but Figma is currently not open to the public. What’s interesting is that some component examples use Lei Jun’s memes as copywriting – “Are you OK?”

Kombai es una herramienta impulsada por inteligencia artificial para convertir diseños de Figma en código de interfaz con precisión.

Una biblioteca de JavaScript liviana para animar archivos SVG para que parezcan dibujados, con tipos de animación y funciones de sincronización personalizables.

Una colección completa de componentes de interfaz de usuario y sistemas de diseño, que recopila las mejores prácticas de las principales fuentes para diseñadores y desarrolladores.

Una biblioteca de componentes React y un sistema de diseño para construir interfaces de usuario consistentes en plataformas de comercio electrónico VTEX.

On November 30, 2022, OpenAI released ChatGPT 3.5, leading mankind towards a new era of AGI human-computer interaction. AGI makes natural human-computer interaction a reality. The simple and natural interaction method of "language" once threatened the GUI (graphical user interface) that has dominated the field of human-computer interaction for decades. Designers have begun various attempts and transformations

Una plataforma unificada de diseño y desarrollo para sistemas administrativos empresariales, que ofrece componentes estandarizados e integración de backend para optimizar los procesos comerciales.

Un sistema de diseño de Wix que ofrece componentes React reutilizables, kits Figma, íconos y un área de juegos para crear aplicaciones nativas de Wix a escala.

Una biblioteca de animación de React para crear animaciones de UI fluidas e interactivas, parte del ecosistema Ant Design.

Convierta diseños en código listo para producción. Convierta sus diseños en código frontend listo para producción para aplicaciones móviles y web. Envíe productos entre 5 y 10 veces más rápido con sus herramientas de diseño, pilas de tecnología y flujos de trabajo existentes.

Una extensión de Chrome para inspeccionar y copiar CSS desde cualquier sitio web con un solo clic, en la que confían miles de desarrolladores.

Una herramienta generadora de tonos y matices de color para crear paletas de colores CSS, Sass y Tailwind a partir de códigos hexadecimales.

Una herramienta para generar sombras y tintes para colores con la configuración CSS de Tailwind, que muestra códigos hexadecimales y paletas de colores.

Un complemento CSS de Tailwind que proporciona nombres de clases de componentes semánticos para un desarrollo de interfaz de usuario más rápido y limpio con temas personalizables y sin dependencia de JavaScript.