Flowbite Design System
오픈소스 Tailwind CSS 컴포넌트 라이브러리 를 사용한 Figma 키트 를 위한 rapid UI 구축.
제품 개요
Flowbite is a popular open-source UI component library built on Tailwind CSS, providing ready-to-use interactive elements like buttons, modals, dropdowns, navbars, forms, tables, and dark mode support for fast web development. It includes a comprehensive Figma design system kit for prototyping, making it ideal for designers and developers creating modern, responsive applications. With over 400 components, Flowbite Pro offers premium features, while the core remains free and community-driven. Tailwind Components: 400+ utility-first elements with JavaScript plugins for interactivity (e.g., dropdowns, carousels). Figma Kit: Official community file for design-to-code workflow. Dark Mode & Accessibility: Built-in support with ARIA compliance. Pro Version: Advanced blocks, templates, and Figma Pro kit.
추천 대상
Figma 키트: Official 커뮤니티 file 를 위한 디자인하다-로-코드 워크플로우. Dark Mode & 접근성: 내장 지원 를 사용한 ARIA compliance. 프로 버전: 고급 blocks, 템플릿, 및 Figma 프로 키트.
주요 기능
- Tailwind 컴포넌트: 400+ utility-first elements 를 사용한 JavaScript 플러그인 를 위한 interactivity (e.g., dropdowns, carousels).
- Figma 키트: Official 커뮤니티 file 를 위한 디자인하다-로-코드 워크플로우.
- Dark Mode & 접근성: 내장 지원 를 사용한 ARIA compliance.
- 프로 버전: 고급 blocks, 템플릿, 및 Figma 프로 키트.
장점
- +무료 사용 가능
- +오픈 소스
- +바로 사용 가능한 템플릿
- +포괄적인 디자인 시스템
단점
- -도입 시 팀 조율 필요
- -커스터마이징이 복잡할 수 있음
/// 스펙
- 가격:Free
- 플랫폼:Browser
Readymag
노코드 웹디자인 도구
Vuetify
Vuetify는 완벽한 Vue.js UI 프레임워크 그 strictly adheres 로 머티리얼 디자인하다 guidelines, 제공 풍부한 세트 의 컴포넌트 및 강력한 사용자 정의 capabilities.
Element Plus
Element Plus는 데스크탑 UI 컴포넌트 라이브러리 designed 를 위한 Vue 3, 제공 풍부한, 우아한 enterprise-grade 컴포넌트 로 efficiently 구축 management systems.
shadcn/ui
shadcn/ui는 복사하여 붙여넣을 수 있는 고도로 커스터마이징 가능한 React UI 컴포넌트 컬렉션으로, Tailwind CSS와 완벽하게 통합됩니다.
Carbon Design System
IBM's 오픈소스 UI 프레임워크 를 위한 consistent, accessible enterprise products.
Cloudscape Design System
AWS 오픈소스 UI 프레임워크 를 위한 consistent, accessible enterprise 클라우드 applications.
Elastic UI
오픈소스 React 프레임워크 를 위한 consistent, accessible enterprise interfaces.
Evergreen
오픈소스 React UI 프레임워크 에 의한 Segment 를 위한 consistent, accessible enterprise applications.
SAP Design System
오픈소스 프레임워크 를 위한 consistent, accessible enterprise UI 전체에 걸쳐 SAP products.
Forma 36 Design System
Contentful's 오픈소스 디자인 시스템 를 위한 consistent, accessible content management interfaces.
Friday Design System
오픈소스 Figma UI 키트 를 위한 rapid 프로토타이핑 를 사용한 사용자 정의 가능 컴포넌트.
GOV.UK Design System
official UK government 프레임워크 를 위한 consistent, accessible public 서비스 interfaces.
Hero UI
아름다운, 빠른 및 모던 React UI 라이브러리 를 위한 구축 accessible 및 사용자 정의 가능 웹 applications.
Fluent UI
Microsoft's 오픈소스 UI 프레임워크 를 위한 consistent, accessible experiences 전체에 걸쳐 웹, Windows, iOS, Android, 및 macOS.
Naive UI
Naive UI는 Vue 3 컴포넌트 라이브러리 recommended 에 의한 Evan 당신, 제공 아름다운, high-performance, 및 highly 사용자 정의 가능 컴포넌트, entirely written 에서 TypeScript.
Goldman Sachs Design System
internal 프레임워크 를 위한 consistent, accessible enterprise financial interfaces.