SophisticatedElements
for shadcn/ui
From 洗練された. One file each. Install with the CLI and get back to work.
14 Components
Hover a card to see what it does. Click if you want the full thing.
Dynamic Island
senren01Idle, ring, timer, music. Click around and watch it morph.
Image Cursor Trail
senren02Move your mouse. Leave a trail. Pretty simple.
Jotaro
DIO
Giorno
PucciExpand On Hover
senren03Hover a panel, it grows. Defaults are JoJo because why not.
Motion
Earn the frame
Install
One file. Yours.
Look
Sage on black
Card Stack Scroll
senren04Cards pin as you scroll. Next one covers the last.
Theme Toggle
senren05Circle, blur, wipe, polygon, photo. Pick a transition.
Text Roll Navigation
senren06Characters roll on hover. Stagger from the middle.
Floating Dock
senren07Dock icons swell under the cursor. You already know this one.
Custom Tooltip
senren08Hover a chip, tooltip fades in. That's it.
The Part
Hover someone
Hover Members
senren09Hover the cast, name pops up. Ships with JoJo defaults.
Image Reveal
senren10Idle frame, then wipe to the stand. Image to image.
Point the registry. Run the CLI. File lands in your project.
Expandable Tabs
senren11Active tab grows. Copy swaps underneath.
Spotlight
Quiet light
Move around. The glow follows. That is the whole bit.
Glow Card
senren12Cursor spotlight on a card. No particle nonsense.
Rolling Text
senren13Letters roll on the X axis. Stagger from the center.
CLI drops the source in your project. No black-box package to fight.
Change the spring. Swap the copy. Break it and keep the pieces you like.
If it moves, it should mean something. Everything else sits still.
#A9B689 in dark and light. Darken it and you lose the point.
Bouncy Accordion
senren14One open at a time. Spring open. No layout thrash.
Install
Paste the command. Get the file. Done.
01
Add the registry
Point @senren-ui at your components.json.
02
Install a component
npx shadcn add @senren-ui/senren01
03
Use it
One file lands in your project. Edit freely.