コピペで使えるオープンソースのTailwind.css用コンポーネントのコレクション・「HyperUI」 HyperUI HyperUIはコピペで使えるオープンソースのTailwind.css用コンポーネントのコレクションです。WebサイトやWebアプリ等でよく使われるWebコンポーネントを収集し、コードをコピーして使えるようになっていま...2022.04.27 | 10時14分35秒
Tailwind製のECサイト向けコンポーネント集・「Tailwind Ecommerce」 Tailwind Ecommerce Tailwind EcommerceはTailwind製のECサイト向けコンポーネント集です。Tailwind.cssベースのE-commerceで使えるWebコンポーネントといくつかのWebペー...2022.04.25 | 9時56分27秒
Sassベースの軽量でモダンなオープンソースCSSデザインシステム・「Spruce」 Spruce SpruceはSassベースの軽量でモダンなオープンソースCSSデザインシステムです。多様なプロジェクトの確かな土台となるミニマルなフレームワークを目指しているそうです。 このフレームワークの開発者としてのミニマル...2022.03.31 | 10時07分48秒
class属性を利用するCSSライクなデザインエンジン・「Master Styles」 Master Styles Master Stylesはclass属性を利用するCSSライクなデザインエンジンです。本サイトでは拡張された構文を持った仮想CSS言語と説明しています。 実際に見た方がどういう事か把握できると思うの...2022.03.26 | 10時01分00秒
軽量で非依存のモダンなCSSフレームワーク・「Uimini」 Uimini Uiminiは軽量で非依存のモダンなCSSフレームワークです。フルRWD対応、テーマのカスタマイズや他フレームワークとの併用も可能です。 JS不要、圧縮版でわずか4kbの超軽量なスタイルシートとなっており、パフォー...2022.03.09 | 10時02分25秒
見やすくシンプルなWebサイトをクラスレスで構築するための軽量スタイルシート・「Almond.CSS」 Almond.CSS See the Pen Untitled by kachibito (@kachibito) on CodePen. Almond.CSSは見やすくシンプルなWebサイトをクラスレスで構築...2022.03.07 | 10時00分23秒
モダンなWebサイト構築の為のTailwind.css向けUIコンポーネントライブラリ・「TailGrids」 TailGrids TailGridsはモダンなWebサイト構築の為のTailwind.css向けUIコンポーネントライブラリです。よく使われるUIの他にカードや認証、フォームやモーダル、テーブル、価格表などなどWebアプリや企業サイ...2022.02.21 | 9時53分43秒
最小限のコードで実装できるCSS製のローダーをまとめたCSSライブラリ・「Whirl」 Whirl Whirlは最小限のコードで実装できるCSS製のローダーをまとめたCSSライブラリです。100以上のローダーが纏められています。 どれもユニークで実用的なローダーですが、タイトル通り最小限のコードで実装できるようにな...2022.02.13 | 10時08分08秒
タブやスライドメニュー、アコーディオンなどJavaScriptを使わずCSSのみで実装できるインタラクティブUIコンポーネントのライブラリ・「CSSUI」 CSSUI CSSUIはタブやスライドメニュー、アコーディオンなどJavaScriptを使わずCSSのみで実装できるインタラクティブUIコンポーネントのライブラリです。 タブ、ドロップダウン、モーダル、スライドアウトメニュー、ア...2022.02.10 | 10時12分17秒
軽量、シンプルで使いやすく様々なユーティリティも備えられたCSSフレームワーク・「Beercss」 Beercss See the Pen Untitled by kachibito (@kachibito) on CodePen. Beercssは軽量、シンプルで使いやすく様々なユーティリティも備えられたC...2022.01.22 | 9時52分34秒
タイプライター風のエフェクトを管理、実装できるスタイルシート・「Typed.css」 Typed.css Typed.cssはタイプライター風のエフェクトを管理、実装できるスタイルシートです。上のように文字が打ち込まれたように徐々に表示される的あエフェクトを管理できます。 テキストはcontentプロパティで管理...2022.01.17 | 9時48分06秒
目に見える部分のHTMLタグ全てにスタイリングされたclass不要のスタイルシート・「gd.css」 gd.css gd.cssは目に見える部分のHTMLタグ全てにスタイリングされたclass不要のスタイルシートです。CSSリセットの代替としても利用できるそう。 HTML要素だけでスタイリング可能な、いわゆるクラスレスなCSSで...2021.12.28 | 9時49分39秒
導入も楽々な手書き風のスタイリングが可能なスタイルシート・「doodle.css」 doodle.css doodle.cssは手書き風のスタイリングが可能なスタイルシートです。CSSを読み込んでbodyタグにclass="doodle"を付与するだけと導入も簡単です。テーマに近いものだと思います。 フォームや...2021.12.16 | 10時04分07秒
class不要で見た目をミニマルスタイルに整えてくれるclass-lessなCSSフレームワーク・「DreamCSS」 DreamCSS See the Pen Untitled by kachibito (@kachibito) on CodePen. DreamCSSはclass不要で見た目をミニマルスタイルに整えて...2021.12.12 | 10時08分44秒
シンプルなUIで見やすく使いやすいオープンソースのTailwind.css製の管理画面テンプレート・「Windster」 Windster WindsterはシンプルなUIで見やすく使いやすいオープンソースのTailwind.css製の管理画面テンプレートです。Tailwind.cssのユーティリティクラスのみを使用して構築されています。 管理画面...2021.11.20 | 10時05分51秒
CSS製のボタンやチェックボックス、トグルボタンをその場で作成して共有できる・「cssbuttons.io」 cssbuttons.io cssbuttons.ioはCSS製のボタンやチェックボックス、トグルボタンをその場で作成して共有できるWebアプリです。 Githubのアカウントでログインすればエディタが使えるようになります。Co...2021.11.14 | 9時59分04秒
リンクやボタンなどに使えるピュアCSSアニメーションのコレクション・「Annimay」 Annimay Annimayはリンクやボタンなどに使えるピュアCSSアニメーションのコレクションです。 ボタン等でよく使われているのを見かけるアニメーションが一通りそろえられています。CSSファイルの他、SCSS、LESSもサ...2021.10.18 | 9時56分05秒
CSSファイルを読み込むだけで見た目を整えられるclass-lessなCSSフレームワーク・「AttriCSS」 AttriCSS See the Pen by kachibito (@kachibito) on CodePen. AttriCSSは読み込むだけで見た目を整えられるclass-lessなCSSフレーム...2021.09.10 | 9時52分00秒
Tailwind.cssで構築されたピクセルパーフェクトなモバイル向けUIコンポーネント集・「Tailwind Mobile」 Tailwind Mobile Tailwind MobileはTailwind.cssで構築されたピクセルパーフェクトなモバイル向けUIコンポーネント集です。 全てのコンポーネントには、公式のデザインガイドラインに基づいて作成...2021.09.09 | 10時06分30秒
複雑なグリッドレイアウトにも対応できるCSSグリッドフレームワーク・「Griddle」 Griddle See the Pen by kachibito (@kachibito) on CodePen. Griddleは複雑なグリッドレイアウトにも対応できるCSSグリッドフレームワークです。CS...2021.08.16 | 10時19分37秒
Windows7のUIを再現できるスタイルシート・「7.css」 7.css See the Pen QWpzrZb by kachibito (@kachibito) on CodePen. 7.cssはWindows7のUIを再現できるスタイルシートです。98.css、XP.cs...2021.06.16 | 10時08分22秒
読み込むだけでアクセシビリティチェックを行えるCSS・「Checka11y.css」 Checka11y.css Checka11y.cssは読み込むだけでアクセシビリティチェックを行えるCSSです。 よくあるアクセシビリティチェックツールのと同等の精度かどうかは個人的には少し懐疑的ですがCSS製とあって非常に手...2021.06.10 | 10時03分58秒