Registry Index

Search the catalog

Type to search items across every indexed registry, or pick a page.

BlockReactregistry:blockSelf-contained

Helix Loader

loader-helix

DNA double-helix with dots traveling along sinusoidal paths creating a 3D illusion

@elementsRegistry JSON
Live, loading

Starting the live preview…

Runs in a sandboxed frame on a separate origin, in its registry's own theme. Mounted with no props — an item that paints an empty box is given its name as text, and some items need input to show anything.

Notes from the author

DNA helix loader with interleaved sinusoidal dot paths. Variants: dna (two strands + rungs), ribbon (gradient), minimal (dots only). CSS-only.
@elements

More from @elements

All 40 items
AI Task List
task-list
Component
Theme Switcher Button
theme-switcher-button
Component
Theme Switcher Dropdown
theme-switcher-dropdown
Component
Theme Switcher Switch
theme-switcher-switch
Component
AI Thinking Indicator
thinking-indicator
Component
UploadThing Button
uploadthing-button
Block
UploadThing Image Grid
uploadthing-image-grid
Block
AI Chat Input
chat-input
Component