🎨Modern Design System

南極をイメージした
モダンブログテーマ

Tailwind v4とshadcn/uiをベースにした、
氷河のような淡いブルーと控えめなガラス効果が特徴のデザインシステム

記事を見る

最新記事

デザインシステムとモダンな開発について

Banner
ReactNext.js
2024年11月16日
8分で読めます
React Server Components入門
Next.js 15とReact 19で変わる開発体験を詳しく解説
Banner
TypeScript
2024年11月15日
5分で読めます
TypeScript 5の新機能
型安全性を保ちながら、より柔軟な開発を実現する方法
Banner
TailwindCSS
2024年11月14日
6分で読めます
Tailwind CSS v4を使いこなす
CSS First機能を活用した最新のスタイリング手法

コード例

実装は驚くほどシンプル

components/Example.tsx
import { PostCard } from '@/app/components/ui/post-card';

export function Example() {
  return (
    <PostCard
      title="React Server Components入門"
      description="Next.js 15とReact 19で変わる開発体験"
      date="2024年11月16日"
      tags={["React", "Next.js", "TypeScript"]}
      readingTime={8}
    />
  );
}