Skip to content

Add Logo Burst — exploding hair-line tentacles - #24

Merged
radiumcoders merged 4 commits into
mainfrom
cursor/logo-burst-485b
Sep 5, 2026
Merged

Add Logo Burst — exploding hair-line tentacles#24
radiumcoders merged 4 commits into
mainfrom
cursor/logo-burst-485b

Conversation

@radiumcoders

@radiumcoders radiumcoders commented Sep 5, 2026

Copy link
Copy Markdown
Owner

Hair-line tentacles explode from the center, lock tip particles, then keep a slow inhale. Follows light and dark. No default logo in the middle — pass children only if you want a mark.

What’s in this PR

  • Shared canvas engine (logo-burst-vanilla.ts) generates a seeded field of thin filaments, grows them outward with a staggered ease-out, then parks tip / mid-line particles.
  • Idle breathe after the burst — a subtle field inhale plus per-line phase. Off with breathe={false} or prefers-reduced-motion.
  • Light and dark via theme="auto" (default). Omit color and filaments swap ink / bone with html.dark.
  • No default plate. The burst is the hero. Optional children still overlay a mark and open a measured hole.
  • React + Svelte 5 wrappers follow the existing registry architecture (vanilla engine, inlined on publish).
  • Docs page with a live demo, prop controls, Replay, Breathe, and install/usage for both frameworks.
  • Registered under Background next to Radiant Lines.

Usage

<div className="relative h-svh w-full bg-background">
  <LogoBurst />
</div>

Click the field or increment replayKey to explode again. Press d on the docs site to toggle theme.

Notes

  • The canvas is transparent over bg-background.
  • coreSize defaults to 0 so lines meet at the origin. Measured from children when you overlay a mark.
Open in Web Open in Cursor 

Hair-line tentacles explode from a centered mark and settle with
tip particles. Shared canvas engine, React/Svelte wrappers, docs
demo with live controls, and registry publish for both ports.

Co-authored-by: Jay Sharma <radiumcoders@gmail.com>
@coderabbitai

coderabbitai Bot commented Sep 5, 2026

Copy link
Copy Markdown

Warning

Review limit reached

Next included review available in 9 minutes.

Check out review usage here.

View limit details

Limit details: You’ve used the included review currently available.

You've used all free OSS reviews for now. Wait for the free limit to reset to keep reviewing this public repository.

Learn how review limits work.

Review configuration:

⚙️ Run configuration

Configuration used: defaults

Review profile: CHILL

Plan: Team

Run ID: a918eb83-ffd8-4171-b1f3-a1c8fe950d79

📥 Commits

Reviewing files that changed from the base of the PR and between 63dd7fd and 642c7aa.

📒 Files selected for processing (18)
  • README.md
  • content/docs/components/logo-burst.mdx
  • content/docs/components/meta.json
  • content/docs/getting-started.mdx
  • content/docs/index.mdx
  • public/r/live-orb-svelte.json
  • public/r/live-orb.json
  • public/r/logo-burst-svelte.json
  • public/r/logo-burst.json
  • public/r/registry.json
  • public/r/stretchy-footer-svelte.json
  • public/r/stretchy-footer.json
  • registry.json
  • registry/logo-burst/logo-burst-demo.tsx
  • registry/logo-burst/logo-burst-vanilla.ts
  • registry/logo-burst/logo-burst.svelte
  • registry/logo-burst/logo-burst.tsx
  • registry/logo-burst/registry.json

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

Comment @coderabbitai help to get the list of available commands.

@github-actions

github-actions Bot commented Sep 5, 2026

Copy link
Copy Markdown

Cloudflare preview is ready.

Preview https://pr-24-23rd-dev.radiumcoders.workers.dev
This commit https://9286b2be-23rd-dev.radiumcoders.workers.dev

Production (23rd.dev) is unchanged. This preview URL stays the same as you push to this PR.

After the explosion settles, filaments keep a slow inhale. Theme auto
follows html.dark so ink/bone filaments and the plate work on both
bg-background surfaces.

Co-authored-by: Jay Sharma <radiumcoders@gmail.com>
The burst is the hero — no chevron plate unless you pass children.
Core hole tightens to the origin so filaments meet in the middle.

Co-authored-by: Jay Sharma <radiumcoders@gmail.com>
@cursor cursor Bot changed the title Add Logo Burst — exploding hair-line tentacles around a mark Add Logo Burst — exploding hair-line tentacles Sep 5, 2026
Without a mark, coreSize is 0 so the burst has no empty disc.

Co-authored-by: Jay Sharma <radiumcoders@gmail.com>
@radiumcoders
radiumcoders merged commit 81fc319 into main Sep 5, 2026
3 checks passed
@radiumcoders
radiumcoders deleted the cursor/logo-burst-485b branch September 5, 2026 12:19
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants