Flowbite Design System
オープンソース Tailwind CSS コンポーネントライブラリ を使った Figma キット のための rapid UI 構築.
プロダクト概要
Flowbiteは、Tailwind CSS上に構築された人気のあるオープンソースのUIコンポーネントライブラリで、迅速なウェブ開発のためにボタン、モーダル、ドロップダウン、ナビバー、フォーム、テーブル、ダークモードサポートなどのすぐに使えるインタラクティブ要素を提供します。プロトタイピングのための包括的なFigmaデザインシステムキットを含み、モダンでレスポンシブなアプリケーションを作成するデザイナーや開発者に理想的です。400以上のコンポーネントを備え、Flowbite Proはプレミアム機能を提供しながら、コアは無料でコミュニティ主導です。 Tailwindコンポーネント：インタラクティビティのためのJavaScriptプラグイン（ドロップダウン、カルーセルなど）を備えた400以上のユーティリティファースト要素。 Figmaキット：デザインからコードへのワークフローのための公式コミュニティファイル。 ダークモードとアクセシビリティ：ARIA準拠を備えた組み込みサポート。 Proバージョン：高度なブロック、テンプレート、Figma Proキット。
こんな方に最適
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
Vuetify
Vuetifyは完全な Vue.js UIフレームワーク その strictly adheresにマテリアル デザインする guidelines, 提供 豊富 セット の コンポーネント と 強力 カスタマイズ capabilities.
shadcn/ui
shadcn/UIはユニーク コレクション の composable React UIコンポーネント, 提供 コピー-と-貼り付け コード その is highly カスタマイズ可能 と seamlessly 統合する を使った Tailwind CSS.
Forma 36 Design System
Contentful's オープンソース デザインシステム のための consistent, accessible content management interfaces.
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.
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.
Element Plus
Element Plusはデスクトップ UI コンポーネントライブラリ designed のための Vue 3, 提供 豊富, エレガント enterprise-grade コンポーネントにefficiently 構築 management systems.