The Shirone Component Library adheres to Material 3 Expressive guidelines and Atomic Design principles, delivering high reusability, strict accessibility, and coherent motion across the entire site.

Module Navigation

• Design Contract & Architecture: Hierarchy, Token consumption, Svelte 5 Runes, SSR boundaries, and Swup lifecycle
• Action & Interaction Atoms: Button, IconButton, FAB, Chip, Chips, etc.
• Input & Selection Atoms: TextField, Select, SearchBar, Switch, Slider, etc.
• Display & Feedback Atoms: Card, Avatar, Icon, Skeleton, LoadingIndicator, ProgressIndicator, etc.
• Navigation & Overlay Atoms: Menu, Tabs, Dialog, Snackbar, Tooltip, BottomSheet, etc.
• Blog-Specific Atoms: PostCard, PostMeta, TagBadge, CategoryList, TocList, SearchPanel, etc.
• Organisms & Page Sections: AnimeSection, MomentSection, FriendSection, ProjectSection, Password Gate, etc.
• Shell & Sidebar Widgets: TopAppBar, SideBar, MusicSidebar, UmamiStats, ContextMenu, etc.

Copyright

Copyright Ownership:matsuzaka-yuki

License under:Attribution 4.0 International (CC-BY-4.0)

Contributors: matsuzaka-yuki