sh4dcn
Registries
ActivePersonal/portfolio registry5

@gymnopedies

Personal/portfolio registry · MIT · data updated 2026-07-28

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.

WebsiteDocsGitHubComponents folderAgent brief (.md)
aestheticanimationbackgroundsblocksbuttonscardschartscmsdashboarddesign-systemeditorformshooksloadersmediamobilenavigationoverlaystablestheming

Install

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

Health

StatusActive
Last commit3 weeks ago
LicenseMIT
Open issues11
ArchivedNo
Stars5

Components (49)

utilsthemeaccordionalertalert-dialogaspect-ratioavatarbadgebreadcrumbbuttoncardcarouselchartcollapsiblecommandcontext-menudialogdrawerdropdown-menuhover-cardinputinput-groupmenubarnavigation-menupaginationpopoverprogressresizablescroll-areaseparatorsheetsidebarskeletonsonnertabletabstextareatoggletoggle-grouptooltiparticlecontentdate-timeglobal-stylesheader-navigationheropictureuse-mobilegymnopedies
Components: utils, theme, accordion, alert, alert-dialog, aspect-ratio, avatar, badge, breadcrumb, button, card, carousel, chart, collapsible, command, context-menu, dialog, drawer, dropdown-menu, hover-card, input, input-group, menubar, navigation-menu, pagination, popover, progress, resizable, scroll-area, separator, sheet, sidebar, skeleton, sonner, table, tabs, textarea, toggle, toggle-group, tooltip, article, content, date-time, global-styles, header-navigation, hero, picture, use-mobile, gymnopedies

Preview

Live sandbox previews render component source client-side. Where a component can’t be rendered standalone, sh4dcn falls back to its source and install command.

@gymnopedies · utils

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