指示したUIをAIがTailwindベースで実装してくれるv0が凄い

2023/12/02 210 users Shad tailwind shadcn ヘッドレスUI 言語

v0とは v0は自然言語で作りたいUIをAIに指示するとそのUIをTailwind (shadcn/ui)ベースで作ってくれるサービスです。 shadcn/uiとは shadcn/uiはRadix UIというUIをもたないヘッドレスUIに対してスタイルを当てたコンポーネント集で、TailwindというCSSライブラリを使ってRadix UIに対してスタイルを当てています。 shad... 続きを読む

【React】daisyUIを触ってみた！かなり楽しいw

2022/03/08 12 users React スグレモノ Bootstrap コンポーネント

daisyUIとは The most popular, free and open-source Tailwind CSS component library Tailwind CSSをベースとしたCSSライブラリで、No JavaScriptでかわいくて機能的な見た目を実現できるスグレモノ。 Bootstrapのような使い勝手でいろんなコンポーネントを実現できる。実態はTailwind CSSなので拡張も簡単。 今回はこ... 続きを読む

CSSでさまざまなスタイルのボタンを簡単に実装できる！モジュール式の拡張可能なCSSライブラリ -Knopf.css | コリス

2020/08/03 6 users コリス CSS 拡張 モジュール式 ボタン

Webページやスマホアプリで使用するボタンをモジュール式の拡張可能なCSSで実装されたライブラリを紹介します。 通常のボタンのさまざまなスタイルだけでなく、アイコン付きボタン、ブロック状のボタン、リフレッシュボタン、グルーピングボタン、プルダウンボタンなどを簡単に実装でき、Webページやスマホアプリだけで... 続きを読む

イラストを使わずに、Webページに斜めから俯瞰したアイソメトリックをつくりだすCSSライブラリ -IsometricSass | コリス

2019/09/04 30 users アイソメトリック コリス グリッド CSS ライブラリ

アイソメトリックの斜めから俯瞰したイラストなどをよく見かけますね。そのアイソメトリックをWebページにつくりだすCSSのライブラリを紹介します。 HTMLは非常にシンプルで、要素をアイソメトリックにしたり、斜めのグリッドを配置したり、アニメーションさせたりできます。 IsometricSass IsometricSass -GitHub Isome... 続きを読む

超便利！2019年に注目したい最新CSSツール、リソースガイド100個まとめ - PhotoshopVIP

2019/01/07 115 users フレームワーク CSS 進歩 PhotoshopVIP 翻訳

海外サイト Speckyboy.com で公開された Our 100 Favorite CSS Libraries, Frameworks and Tools from 2018 より許可をもらい、翻訳転載しています。 2019年がスタートし、ここ数年で急速な進歩を続けているCSSは、さまざまなオープンソースのツールがリリースされています。 CSSライブラリやフレームワーク、オンライン... 続きを読む

100種類以上のマウスホバーエフェクトを手軽に使えるCSSライブラリ「Hover.css」が便利。WordPressでも利用簡単。

2015/01/11 517 users WordPressカスタマイズ カーソル エフェクト web

100種類以上のマウスホバーエフェクトを手軽に使えるCSSライブラリ「Hover.css」が便利。WordPressでも利用簡単。 2015/1/11 Wordpressカスタマイズ 先日、「Hover.css」というボタンをホバー時のCSSエフェクト集があるのを知りました。 このHover.cssを、ちょっと使ってみたところ、WEBで利用するボタンなどの上にカーソルが来たときに、手軽にエフェクト... 続きを読む

商用利用無料！ミニマルにデザインされたUIエレメントやコンポーネントが揃ってるCSSのライブラリ -Papier | コリス

2015/01/09 63 users タイポグラフィ コリス グリッド ミニマル コンポーネント

セマンティックな実装で、レスポンシブ対応のミニマルにデザインされたかわいいUIエレメントやコンポーネント、グリッドが利用できる超軽量（2.5KB）のCSSライブラリを紹介します。 MIT Licensesで、個人でも商用でも無料で利用できます。 Papier Papier -GitHub グリッドやタイポグラフィをはじめ、ボタン、パネル、タブ、テーブル、フォームなどがカラフルなデザインで揃っていま... 続きを読む

CSSライブラリをコレクションしている・「CSSDB.co」 - かちびと.net

2013/06/12 14 users net

Web制作の話題を中心に、便利なWebサービスやリソースなどを紹介 Kudos for About This Web制作に役立つTips、チュートリアル、、マーケティングに役立つ情報などのリソースをほぼ毎日配信しています。宜しければメモ代わりにご利用下さい。詳しい情報はAbout me またはhumans.txtをご覧下さい。 Kachibito.net is a community-based ... 続きを読む

新規サイト制作セット（CSSライブラリ＋基本フォルダ構造＋HTMLテンプレート）、一式zipでダウンロードできるようにしました

2007/09/27 625 users

続きを読む