Tailwind CSSコンバーター

プロジェクトについて

デザイン仕様をTailwind CSSのユーティリティクラスに変換するための個人用開発ツールです。ピクセル値、色、フォントサイズなどのCSSプロパティを、対応するTailwindクラスに変換するのに役立ちます。デザインから実装までのワークフローを効率化するため、個人のポートフォリオサイトの一部として開発しました。

個人
サイトへ
Fietsen Roman
自転車店デモ
架空の自転車店を題材に、Next.js、Stripe、Prismaで制作したデモ用ECプラットフォームです。商品カタログ、ショッピングカート、決済連携など、モダンなECサイトの機能を紹介しています。EC開発のスキルを示すショーケースプロジェクトとして制作しました。
ReactNext.jsTailwind CSSStripePrisma
個人
サイトへ
Lorem Ipsumジェネレーター
Next.jsとTailwind CSSで制作した、プレースホルダー用のテキストを作成するシンプルなLorem Ipsum生成ツールです。生成するテキストの長さを最大10単位まで調整できます。モックアップ、ワイヤーフレーム、プロトタイプ用のダミーテキストがすぐに必要なデザイナーや開発者に便利です。すっきりとしたインターフェースで、出力をそのままコピーできます。
ReactNext.jsTailwind CSS
個人
サイトへ
Magical Code Formatter
Next.jsとPrism.jsで制作した、遊び心のある魔法のようなインターフェースを備えたオンラインのコード整形ツールです。さまざまなプログラミング言語のシンタックスハイライトと整形に対応しています。コードを貼り付けて整形し、結果をコピーできます。プライバシーとスピードのため、すべてブラウザ上で動作します。
ReactNext.jsTailwind CSSPrism.js

プロジェクトについて

関連プロジェクト

Fietsen Roman

Lorem Ipsumジェネレーター

Magical Code Formatter