Frontend

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

A collection of over 500 professionally designed UI components and templates built with Tailwind CSS, available in HTML, React, and Vue for building marketing sites, applications, and ecommerce stores

An online code editor and social development environment for front-end developers and designers to build, test, and share web projects.

A comprehensive video course with 15 hours of content and live UX training, covering 100 smart interface design patterns for UI/UX designers and front-end developers.

The Largest Library of Open-Source UI elements.

A curated collection of the best Tailwind CSS templates and UI kits for web development projects.

DevUI is an open-source, free enterprise front-end solution for middle and back-office products, offering a design system and components for designers and developers.

A library of ready-to-use, cross-browser CSS animations for web projects, easy to implement with just a class.

Fusion Design is an enterprise-level solution for building web products, enhancing designer-developer collaboration, consistency, and efficiency.

A tool to generate CSS color gradients by entering colors, with support for 3-color gradients and automatic CSS code output.

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 is an AI-powered tool to convert Figma designs into front-end code accurately.

A lightweight JavaScript library for animating SVGs to appear drawn, with customizable animation types and timing functions.

A comprehensive collection of UI components and design systems, compiling best practices from top sources for designers and developers.

A React component library and design system for building consistent user interfaces in VTEX e-commerce platforms.

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

A unified design and development platform for enterprise back-office systems, offering standardized components and backend integration to streamline business processes.

A design system by Wix offering reusable React components, Figma kits, icons, and a playground for building native Wix apps at scale.

A React animation library for creating smooth and interactive UI animations, part of the Ant Design ecosystem.

Convert designs to production-ready code. Turn your designs into production-ready frontend code for mobile apps and web. Ship products 5-10x faster with your existing design tools, tech stacks & workflows.

A Chrome extension for inspecting and copying CSS from any website with one click, trusted by thousands of developers.

A color shades and tints generator tool for creating CSS, Sass, and Tailwind color palettes from hex codes.

A tool to generate shades and tints for colors with Tailwind CSS configuration, showing hex codes and color palettes.

A Tailwind CSS plugin that provides semantic component class names for faster, cleaner UI development with customizable themes and no JavaScript dependency.