Component Library Index
Search this list for a component name, then open the matching category file — don't load every file into context at once.
Source: components adapted from React Bits and Svelte Bits (both by DavidHDev). React Bits is licensed MIT + Commons Clause — free to use, modify, and distribute in your own projects (personal or commercial), but the library itself cannot be resold as a standalone product. Svelte Bits is built incrementally from React Bits by the same author and is presumed to carry similar terms; verify at the source if that matters for your use case. This reference bundle is included here for free, under Qofeno's own MIT-licensed repo, as build material for websites, not as a resold library.
Backgrounds (backgrounds.md)
- aurora
- balatro
- ballpit
- beams
- chroma grid
- color bends
- cubes
- dark veil
- dither
- dot field
- dot grid
- evil eye
- faulty terminal
- ferrofluid
- floating lines
- fluid glass
- galaxy
- gradient blinds
- grainient
- grid distortion
- grid motion
- grid scan
- hyperspeed
- iridescence
- laser flow
- light fall
- light pillar
- light rays
- lightning
- line waves
- liquid chrome
- liquid ether
- meta balls
- noise
- orb
- particles
- pixel blast
- pixel snow
- plasma
- plasma wave
- prism
- prismatic burst
- radar
- ribbons
- ripple grid
- shape grid
- side rays
- silk
- soft aurora
- sparkles
- strands
- threads
- waves
Cards (cards.md)
- bento card
- bounce cards
- card swap
- decay card
- folder
- information card
- magic bento
- pixel card
- profile card
- reflective card
- scroll stack
- splotlight card
- stack
- tilter card
Cursors Interactions (cursors-interactions.md)
- antigravity
- blob cursor
- border beam
- border glow
- click spark
- counter
- crosshair
- elastic slider
- electric border
- flying poster
- ghost cursor
- glare hover
- glass icons
- glass surface
- gradual blur
- image trail
- magic rings
- magnet
- magnet lines
- metallic paint
- pixel trail
- pixel translation
- shape blur
- splash cursor
- star border
- stepper
- sticker peel
- target cursor
Galleries Carousels (galleries-carousels.md)
- carousel
- circular gallery
- dome gallery
- lanyard
- logo loop
- masonry
- model viewer
- orbit images
Navigation (navigation.md)
- bubble menu
- card nav
- dock
- flowing menu
- gooey nav
- infinite menu
- phill nav
- staggered menu
Sections Misc (sections-misc.md)
- animated content
- animated list
- fade content
- footer section
- loader
- popover notifications
- pricing section
- shiny border button
- sign flow
- sliding testimonial
- team invitation
Text Effects (text-effects.md)
- ascii text
- blur text
- circular text
- count up
- curved loop
- decrypted text
- falling text
- fuzzy text
- glitch text
- gradient text
- letter glitch
- rotating text
- scrambled text
- scroll float
- scroll reveal
- scroll velocity
- shiny text
- shuffle
- split text
- text cursor
- text pressure
- text type
- true focus
- variable proximity