Frontend

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

Tailwind CSS로 구축된 500개 이상의 전문적으로 디자인된 UI 구성요소 및 템플릿 컬렉션으로, 마케팅 사이트, 애플리케이션 및 전자상거래 상점 구축을 위해 HTML, React 및 Vue에서 사용할 수 있습니다.

프런트 엔드 개발자와 디자이너가 웹 프로젝트를 구축, 테스트 및 공유할 수 있는 온라인 코드 편집기 및 소셜 개발 환경입니다.

UI/UX 디자이너와 프런트엔드 개발자를 위한 100가지 스마트 인터페이스 디자인 패턴을 다루는 15시간 분량의 콘텐츠와 라이브 UX 교육이 포함된 포괄적인 비디오 코스입니다.

오픈 소스 UI 요소의 가장 큰 라이브러리입니다.

웹 개발 프로젝트를 위한 최고의 Tailwind CSS 템플릿과 UI 키트로 구성된 엄선된 컬렉션입니다.

DevUI는 디자이너와 개발자를 위한 디자인 시스템과 구성 요소를 제공하는 미들 및 백 오피스 제품을 위한 오픈 소스 무료 엔터프라이즈 프런트 엔드 솔루션입니다.

즉시 사용 가능한 웹 프로젝트용 크로스 브라우저 CSS 애니메이션 라이브러리로, 클래스만으로 쉽게 구현할 수 있습니다.

Fusion Design은 웹 제품 구축을 위한 엔터프라이즈급 솔루션으로 디자이너-개발자 협업, 일관성 및 효율성을 향상시킵니다.

3색 그라디언트 및 자동 CSS 코드 출력을 지원하여 색상을 입력하여 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는 Figma 디자인을 프런트 엔드 코드로 정확하게 변환하는 AI 기반 도구입니다.

사용자 정의 가능한 애니메이션 유형 및 타이밍 기능을 사용하여 SVG에 애니메이션을 그려서 표시하기 위한 경량 JavaScript 라이브러리입니다.

디자이너와 개발자를 위한 최고의 소스에서 모범 사례를 컴파일하는 UI 구성 요소 및 디자인 시스템의 포괄적인 컬렉션입니다.

VTEX 전자상거래 플랫폼에서 일관된 사용자 인터페이스를 구축하기 위한 React 구성 요소 라이브러리 및 디자인 시스템입니다.

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

기업 백오피스 시스템을 위한 통합 설계 및 개발 플랫폼으로 표준화된 구성 요소와 백엔드 통합을 제공하여 비즈니스 프로세스를 간소화합니다.

재사용 가능한 React 구성 요소, Figma 키트, 아이콘, 대규모 기본 Wix 앱 구축을 위한 놀이터를 제공하는 Wix의 디자인 시스템입니다.

Ant Design 생태계의 일부인 부드럽고 대화형 UI 애니메이션을 만들기 위한 React 애니메이션 라이브러리입니다.

디자인을 프로덕션에 바로 사용할 수 있는 코드로 변환합니다. 디자인을 모바일 앱 및 웹용 프로덕션 준비 프런트엔드 코드로 전환하세요. 기존 설계 도구, 기술 스택 및 워크플로를 통해 제품을 5~10배 더 빠르게 출시하세요.

클릭 한 번으로 모든 웹사이트의 CSS를 검사하고 복사할 수 있는 Chrome 확장 프로그램으로 수천 명의 개발자가 신뢰합니다.

16진수 코드에서 CSS, Sass 및 Tailwind 색상 팔레트를 생성하기 위한 색상 음영 및 색조 생성 도구입니다.

Tailwind CSS 구성을 사용하여 색상의 음영과 색조를 생성하고 16진수 코드와 색상 팔레트를 표시하는 도구입니다.

사용자 정의 가능한 테마와 JavaScript 종속성이 없는 더 빠르고 깔끔한 UI 개발을 위해 의미 체계 구성 요소 클래스 이름을 제공하는 Tailwind CSS 플러그인입니다.