オープンソースコンポーネント

こんにちは、コーダ.
あなたが使っているならばTailwind CSS あなたの開発、または使用する計画では、あなたの時間の数分を割いて、これを見て良い考えかもしれませんopen-source ライブラリは50以上のコンポーネントをTrewind CSSでスタイルを設定し、MITライセンスの下でリリースしました.読書ありがとう!コメントであなたの考えを知らせてください.

Thanks for reading! - Content provided by App Generator.

Source Code - Githubに発表

フローバイトTailwind components - 無料UIキット

Cookwind CSSとは

それはUIキットではないため、Toowind CSSはbootstrap、財団、またはbulmaのようなフレームワークとは異なり、デフォルトのテーマや組み込みのUIコンポーネントを持っていません.あなたが想像できる任意のウェブサイトを作ることができるので、それはあなたのマークアップの繰り返しを気にしない場合はもちろん、カスタマイズの面で非常に強力なフレームワークです.
公式サイトによると、それは急速にカスタムデザインを構築するためのユーティリティの最初のCSSフレームワークです.Toowind CSSは、開発者に、煩わしい独断的なスタイルなしで設計されたデザインを構築するために必要なビルディングブロックのすべてを開発する、非常にカスタマイズ可能な、低レベルのCSSフレームワークです.

箱の中にあるもの

コンポーネントはビジュアルユーザビリティの基準(フッター、ヒーロー、Navbar ...)でグループ化されます.と直接風のスタイルのCSSのpug テンプレートは、非常に簡単に拡張し、カスタマイズすることができます.

プロジェクトの使い方

コンポーネントライブラリを使用するには、端末を開きます.

# Clone the repo
$ git clone https://github.com/app-generator/tailwind-css-components.git
$ cd tailwind-css-components
$
$ # Install dependencies
$ yarn
$
$ # Run dev server with live preview (Browsersync)
$ yarn start 
$
$ # Or make a production build
$ yarn build
$
$ # HTML files generated in directory public 

コンポーネント

ここでは、完全なライブラリを視覚化するためのショートリストですTailwind CSS - Components オンライン.

Admin

Blog

eCommerce

FAQ's

Gallery

Portfolio

スクリーンショット

Blog Posts Components

Server Errors Page

Pricing Components

リンクと資源

Tailwind CSS - 公式ウェブサイト

Tailwind Starter Kit - 創造的なティムによって巧みに作られたTrewindCSSのための美しい拡張

Tailwind CSS Components - Githubに掲載されているソースコード

Thank you!