DNA Helix
A rotating DNA-style double helix of spheres (--primary and --accent) joined by --muted-foreground rungs.
A rotating DNA-style double helix: two strands of spheres (--primary and --accent) joined by --muted-foreground rungs.
Customize
Base pairs24
Speed1
Radius1.1
Props
| Prop | Type | Default | Description |
|---|---|---|---|
count | number | 24 | Number of base pairs (nodes per strand). |
speed | number | 1 | Rotation speed multiplier. |
radius | number | 1.1 | Helix radius. |
className | string | — | Classes for the wrapper element (set its height here). |
theme | "auto" | "light" | "dark" | "auto" | Color source. auto reads the live shadcn theme. |
countnumberNumber of base pairs (nodes per strand).
Default
24speednumberRotation speed multiplier.
Default
1radiusnumberHelix radius.
Default
1.1classNamestringClasses for the wrapper element (set its height here).
Default
—theme"auto" | "light" | "dark"Color source. auto reads the live shadcn theme.
Default
"auto"