Frontend

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

Over 500+ professionally designed, fully responsive, expertly crafted component examples you can drop into your Tailwind projects and customize to your heart’s content.

CodePen is a social development environment for front-end designers and developers. Build and deploy a website, show off your work, build test cases to learn and debug, and find inspiration.

100s of real-life examples, 10h-video course for UX designers, with UX checklists and practical takeaways.

Open-Source UI elements for any project Create, share, and use beautiful custom elements made with CSS.

A curated directory of the best Tailwind templates and UI kits to kickstart your next design.

DevUI是一款开源免费的企业中后台产品前端的通用解决方案，其设计价值观基于'致简','沉浸','灵活'三种自然与人文相结合的理念，旨在为设计师，前端开发者提供标准的设计体系，并满足各类落地场景，是一款企业级开箱即用的产品。全部代码开源并遵循 MIT 协议，任何企业、组织及个人均可免费使用。目前支持 Angular ^10.0.0 版本。

Animate.css is a library of ready-to-use, cross-browser animations for you to use in your projects. Great for emphasis, home pages, sliders, and attention-guiding hints.

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

Generate a nice color gradient. Just enter two colors and our tool generates a perfect color gradient and the fitting css code.

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 เป็นเครื่องมือที่ขับเคลื่อนด้วย AI เพื่อแปลงการออกแบบ Figma ให้เป็นโค้ดส่วนหน้าได้อย่างแม่นยำ

SVG Drawing Animation

The definitive guide to standardize the design/code of the UI Components based on the 39 most popular Reference Systems.

VTEX Styleguide is our Design System, the home for all our reusable patterns, components and assets related to product design in VTEX. It's a common language of tools and processes to facilitate how we collaborate and share knowledge across teams and projects.

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.

Wix Design System is a collection of Wix’s reusable React components. Use it to create beautiful and intuitive product experiences in Wix App Market.

Ant Motion 是以 React 组件来实现动画效果，用 Ant Design 实现页面后，可以轻松的增加页面里的动画效果。

แปลงการออกแบบให้เป็นโค้ดที่พร้อมสำหรับการผลิต เปลี่ยนการออกแบบของคุณให้เป็นโค้ดฟรอนท์เอนด์ที่พร้อมใช้งานจริงสำหรับแอปมือถือและเว็บ จัดส่งผลิตภัณฑ์เร็วขึ้น 5-10 เท่าด้วยเครื่องมือออกแบบ กลุ่มเทคโนโลยี และขั้นตอนการทำงานที่มีอยู่

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

color shades generator tool to easily generate color shades and tints from color hex code and export for css, sass, tailwind colors

Tailwind color palette generator

The most popularcomponent libraryfor Tailwind CSS daisyUI adds component class names to Tailwind CSS so you can make beautiful websites faster than ever.