Point DNA Helix
Point DNA Helix is a particle background in the UI HUB particle backgrounds collection. It is built with React and ships as a self-contained component you can copy into an existing project without pulling in a component library.
The component works without configuration, and can be restyled through its own class names and CSS custom properties.
Preview the particle background in the browser above, copy the source, and paste it into your project. Particle Backgrounds components in UI HUB are grouped by category so you can compare effects side by side before choosing one.
What is Point DNA Helix?
Point DNA Helix is a particle background in the UI HUB React component library, built for particle backgrounds. It runs in the browser as a React component and can be dropped into an existing React and Tailwind CSS project.
How Point DNA Helix behaves
Helix runs horizontally past both frame edges so no end is ever visible; it auto-spins about its own axis, supports drag-to-spin with flick momentum, a cursor-proximity particle push (hover), breathing pulse, tilt X/Y, zoom, density and dot-size controls, cyan/magenta accent color mixing, additive premultiplied blending with exponential point falloff.
Point DNA Helix at a glance
- Category
- Particle Backgrounds
- Pricing
- Free to use
- Styling
- Tailwind CSS
- AI prompts
- Ready for Advance, Antigravity, Claude Code, Cursor, Lovable
Technical information for Point DNA Helix
| Category | Particle Backgrounds |
|---|---|
| Libraries | React only |
| Styling | Tailwind CSS |
| Usage example | Included on this page |
How to use Point DNA Helix
- Install React if your project does not already use it.
- Copy the usage example from the Source section of this page. It shows the import path and the props the component expects.
- Render <PointDNAHelix /> in your page using that import path.
- Render the component with no props to get the default behaviour.
Point DNA Helix questions
What is Point DNA Helix?
Point DNA Helix is a particle background in the UI HUB React component library, built for particle backgrounds. It runs in the browser as a React component and can be dropped into an existing React and Tailwind CSS project.
Which category does Point DNA Helix belong to?
Point DNA Helix is listed under Particle Backgrounds in the UI HUB catalog. Particle backgrounds render tens of thousands of points on the GPU: spheres, halos, fields and constellations that drift, glow and react to the pointer. They are the heaviest components in the library, so each one lists its rendering approach and requirements before you copy it. Use them as hero backdrops, section backgrounds or full-page intros where a static gradient would fall flat.
Is Point DNA Helix free to use?
Point DNA Helix is a free component on UI HUB. You can preview it in the browser and read the full props table on the component page.