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


こんにちは、コーダ.
あなたが使っているならば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!