sh4dcn
Registries
ActiveFeaturedComponent library (general)22

@joyco

Component library (general) · data updated 2026-07-28

JOYCO Hub is the internal public registry of the JOYCO studio, hosting three content categories: 24 Components, 15 Toolbox items, and 13 Logs. Notable components include MobileMenu, ScrollArea with gradient overlays, a Chat UI, HLSVideoPlayer, Marquee, Scramble Button, Magnetic, Typewriter, Spritesheet Sequencer, Image Sequence, Infinite List, and Mention. Canvas utilities cover 2D and R3F/Three.js 3D. Built with React and Tailwind; some pieces use framer-motion/motion. Free and open source. Use for: adding studio-grade, interaction-heavy primitives (media playback, canvas, scroll effects) to a shadcn/ui project without reaching for a full component library.

WebsiteDocsGitHubComponents folderAgent brief (.md)
@joyco preview
3daestheticaianimationaudiobackgroundsbuttonscardschartscomponentsdesign-systemformsgaminghooksmediamobilenavigationoverlaystablestext-effectstheming

Install

npx shadcn@latest add https://registry.joyco.studio/r/registry.json

Health

StatusActive
Last commit4 weeks ago
License—
Open issues10
ArchivedNo
Stars22

Components (48)

infinite-listmarqueefile-buttonfile-dropzonemobile-menuscroll-areachathls-video-playeraction-hintimage-sequencetypewriterspritesheet-sequencermagneticscramblescramble-buttonbrick-breakersnake-gamespace-invaderstyped-emittercanvas-2ddebug-canvasdebugavatarbadgebuttonbutton-groupcardchartcollapsibledropdown-menuinputinput-groupkbdmedia-playermentionpopoverselectseparatorsliderswitchtabstextareatooltipclusterjoyco-themejoyco-fontsutilsui
Components: infinite-list, marquee, file-button, file-dropzone, mobile-menu, scroll-area, chat, hls-video-player, action-hint, image-sequence, typewriter, spritesheet-sequencer, magnetic, scramble, scramble-button, brick-breaker, snake-game, space-invaders, typed-emitter, canvas-2d, debug-canvas, debug, avatar, badge, button, button-group, card, chart, collapsible, dropdown-menu, input, input-group, kbd, media-player, mention, popover, select, separator, slider, switch, tabs, textarea, tooltip, cluster, joyco-theme, joyco-fonts, utils, ui

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.

@joyco · infinite-list

npx shadcn@latest add https://registry.joyco.studio/r/infinite-list.json
View source