@gymnopedies

A dark, serif, glow-leaning shadcn registry of read-only React components for blogs, essays, and long-form reading — inspired by Erik Satie's Gymnopedies. Ships 35 non-form shadcn primitives (all standard overlays, navigation, and data components) plus 5 bespoke blog components: Hero (full-bleed cover with lighting animation), Picture (grayscale/reveal figure), Content (article paragraph container), DateTime (date-fns formatted time), and Header Navigation (gradient glow header). Built with Tailwind CSS v4 and Base UI; Merriweather serif font. Use for: building editorial sites or personal blogs that want a moody, candlelit dark aesthetic out of the box.

49 components react shadcn-cli MIT

website ↗ github ↗ registry ↗

Install this registry

shadcn (npm) npx shadcn@latest add https://gymnopedies.shoota.work/r/registry.json

pnpm pnpm dlx shadcn@latest add https://gymnopedies.shoota.work/r/registry.json

bun bunx shadcn@latest add https://gymnopedies.shoota.work/r/registry.json

fetch registry curl -s https://gymnopedies.shoota.work/r/registry.json

Components

49 total

cn utility lib

Class-name merging helper (clsx + tailwind-merge).

npx shadcn@latest add https://gymnopedies.shoota.work/r/utils.json

Gymnopédies Theme style

Dark, serif, glow-leaning theme tokens — the gymnopédies identity layer.

npx shadcn@latest add https://gymnopedies.shoota.work/r/theme.json

Accordion ui

Accordion — gymnopédies-themed shadcn primitive.

npx shadcn@latest add https://gymnopedies.shoota.work/r/accordion.json

Alert ui

Alert — gymnopédies-themed shadcn primitive.

npx shadcn@latest add https://gymnopedies.shoota.work/r/alert.json

Alert Dialog ui

Alert Dialog — gymnopédies-themed shadcn primitive.

npx shadcn@latest add https://gymnopedies.shoota.work/r/alert-dialog.json

Aspect Ratio ui

Aspect Ratio — gymnopédies-themed shadcn primitive.

npx shadcn@latest add https://gymnopedies.shoota.work/r/aspect-ratio.json

Avatar ui

Avatar — gymnopédies-themed shadcn primitive.

npx shadcn@latest add https://gymnopedies.shoota.work/r/avatar.json

Badge ui

Badge — gymnopédies-themed shadcn primitive.

npx shadcn@latest add https://gymnopedies.shoota.work/r/badge.json

Breadcrumb ui

Breadcrumb — gymnopédies-themed shadcn primitive.

npx shadcn@latest add https://gymnopedies.shoota.work/r/breadcrumb.json

Button ui

Button — gymnopédies-themed shadcn primitive.

npx shadcn@latest add https://gymnopedies.shoota.work/r/button.json

Card ui

Card — gymnopédies-themed shadcn primitive.

npx shadcn@latest add https://gymnopedies.shoota.work/r/card.json

Carousel ui

Carousel — gymnopédies-themed shadcn primitive.

npx shadcn@latest add https://gymnopedies.shoota.work/r/carousel.json

Chart ui

Chart — gymnopédies-themed shadcn primitive.

npx shadcn@latest add https://gymnopedies.shoota.work/r/chart.json

Collapsible ui

Collapsible — gymnopédies-themed shadcn primitive.

npx shadcn@latest add https://gymnopedies.shoota.work/r/collapsible.json

Command ui

Command — gymnopédies-themed shadcn primitive.

npx shadcn@latest add https://gymnopedies.shoota.work/r/command.json

Context Menu ui

Context Menu — gymnopédies-themed shadcn primitive.

npx shadcn@latest add https://gymnopedies.shoota.work/r/context-menu.json

Dialog ui

Dialog — gymnopédies-themed shadcn primitive.

npx shadcn@latest add https://gymnopedies.shoota.work/r/dialog.json

Drawer ui

Drawer — gymnopédies-themed shadcn primitive.

npx shadcn@latest add https://gymnopedies.shoota.work/r/drawer.json

Dropdown Menu ui

Dropdown Menu — gymnopédies-themed shadcn primitive.

npx shadcn@latest add https://gymnopedies.shoota.work/r/dropdown-menu.json

Hover Card ui

Hover Card — gymnopédies-themed shadcn primitive.

npx shadcn@latest add https://gymnopedies.shoota.work/r/hover-card.json

Input ui

Input — gymnopédies-themed shadcn primitive.

npx shadcn@latest add https://gymnopedies.shoota.work/r/input.json

Input Group ui

Input Group — gymnopédies-themed shadcn primitive.

npx shadcn@latest add https://gymnopedies.shoota.work/r/input-group.json

Menubar ui

Menubar — gymnopédies-themed shadcn primitive.

npx shadcn@latest add https://gymnopedies.shoota.work/r/menubar.json

Navigation Menu ui

Navigation Menu — gymnopédies-themed shadcn primitive.

npx shadcn@latest add https://gymnopedies.shoota.work/r/navigation-menu.json

Pagination ui

Pagination — gymnopédies-themed shadcn primitive.

npx shadcn@latest add https://gymnopedies.shoota.work/r/pagination.json

Popover ui

Popover — gymnopédies-themed shadcn primitive.

npx shadcn@latest add https://gymnopedies.shoota.work/r/popover.json

Progress ui

Progress — gymnopédies-themed shadcn primitive.

npx shadcn@latest add https://gymnopedies.shoota.work/r/progress.json

Resizable ui

Resizable — gymnopédies-themed shadcn primitive.

npx shadcn@latest add https://gymnopedies.shoota.work/r/resizable.json

Scroll Area ui

Scroll Area — gymnopédies-themed shadcn primitive.

npx shadcn@latest add https://gymnopedies.shoota.work/r/scroll-area.json

Separator ui

Separator — gymnopédies-themed shadcn primitive.

npx shadcn@latest add https://gymnopedies.shoota.work/r/separator.json

Sheet ui

Sheet — gymnopédies-themed shadcn primitive.

npx shadcn@latest add https://gymnopedies.shoota.work/r/sheet.json

Sidebar ui

Sidebar — gymnopédies-themed shadcn primitive.

npx shadcn@latest add https://gymnopedies.shoota.work/r/sidebar.json

Skeleton ui

Skeleton — gymnopédies-themed shadcn primitive.

npx shadcn@latest add https://gymnopedies.shoota.work/r/skeleton.json

Sonner ui

Sonner — gymnopédies-themed shadcn primitive.

npx shadcn@latest add https://gymnopedies.shoota.work/r/sonner.json

Table ui

Table — gymnopédies-themed shadcn primitive.

npx shadcn@latest add https://gymnopedies.shoota.work/r/table.json

Tabs ui

Tabs — gymnopédies-themed shadcn primitive.

npx shadcn@latest add https://gymnopedies.shoota.work/r/tabs.json

Textarea ui

Textarea — gymnopédies-themed shadcn primitive.

npx shadcn@latest add https://gymnopedies.shoota.work/r/textarea.json

Toggle ui

Toggle — gymnopédies-themed shadcn primitive.

npx shadcn@latest add https://gymnopedies.shoota.work/r/toggle.json

Toggle Group ui

Toggle Group — gymnopédies-themed shadcn primitive.

npx shadcn@latest add https://gymnopedies.shoota.work/r/toggle-group.json

Tooltip ui

Tooltip — gymnopédies-themed shadcn primitive.

npx shadcn@latest add https://gymnopedies.shoota.work/r/tooltip.json

Article component

Article — gymnopédies blog reading primitive.

npx shadcn@latest add https://gymnopedies.shoota.work/r/article.json

Content component

Content — gymnopédies blog reading primitive.

npx shadcn@latest add https://gymnopedies.shoota.work/r/content.json

Date Time component

Date Time — gymnopédies blog reading primitive.

npx shadcn@latest add https://gymnopedies.shoota.work/r/date-time.json

Global Styles component

Global Styles — gymnopédies blog reading primitive.

npx shadcn@latest add https://gymnopedies.shoota.work/r/global-styles.json

Header Navigation component

Header Navigation — gymnopédies blog reading primitive.

npx shadcn@latest add https://gymnopedies.shoota.work/r/header-navigation.json

Hero component

Hero — gymnopédies blog reading primitive.

npx shadcn@latest add https://gymnopedies.shoota.work/r/hero.json

Picture component

Picture — gymnopédies blog reading primitive.

npx shadcn@latest add https://gymnopedies.shoota.work/r/picture.json

Use Mobile hook

Use Mobile — gymnopédies hook.

npx shadcn@latest add https://gymnopedies.shoota.work/r/use-mobile.json

Gymnopédies — read-only design system style

A dark, serif, glow-leaning shadcn registry preset for long-form reading experiences. Installs the theme tokens, every non-form shadcn primitive, and the bespo…

npx shadcn@latest add https://gymnopedies.shoota.work/r/gymnopedies.json