Skip to content

Drop Svelte, add Dither Scan in a new AI Components group - #49

Merged
radiumcoders merged 4 commits into
mainfrom
dither-scan
Oct 14, 2026
Merged

radiumcoders merged 4 commits into
mainfrom
dither-scan

Conversation

@radiumcoders

Copy link
Copy Markdown
Owner

Summary

Four commits, one change each:

  1. Drop the Svelte ports. Removes the .svelte wrappers, every -svelte registry item and payload, the Svelte compile test and dependency, and the docs framework picker. Docs, README, site copy, SEO, and the agent skill are React-only now. The *-vanilla engines stay, and the build still inlines them into each published React file.
  2. Add Dither Scan (@23rd/dither-scan). An image starts as a 1-bit Bayer print, and a diagonal scan line sweeps it passes times. Each sweep shrinks the cells and brings back tone and color, with a soft blur trailing the line, until the source is clean. Sweeps alternate direction by default. Ships with docs, a live demo (image picker, pass counter, replay), an OG card, and skill notes.
  3. New AI Components group in the docs for Dither Scan.
  4. Reorder the docs groups: AI Components, then Background, then Shaders, then the rest.

Breaking change

@23rd/<name>-svelte items are no longer published.

Notes

  • Remote images need CORS headers, because Dither Scan reads their pixels. An image it can't read is shown clean, without a scan.
  • With reduced motion, the clean image shows right away.

Verification

  • pnpm test, pnpm typecheck, and pnpm lint pass at every commit.
  • Checked in Chrome in light and dark mode. Frame timing during a full scan at 2× DPR: 448 frames, max 16.8 ms, none dropped.

🤖 Generated with Claude Code

radiumcoders and others added 4 commits October 14, 2026 20:52
Removes the .svelte wrappers and their -svelte registry items, the Svelte
compile test and dependency, and the docs framework picker. The vanilla
engines stay; the build still inlines them into each React file.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
…ver a set number of passes.

The image starts as a 1-bit Bayer print. Each sweep shrinks the cells and
brings back tone and color, with a soft blur trailing the line, until the
last one leaves the source. Ships with docs, a live demo, and skill notes.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
@coderabbitai

coderabbitai Bot commented Oct 14, 2026

Copy link
Copy Markdown

Important

Review skipped

Too many files!

This PR contains 110 files, which is 10 over the limit of 100.

To get a review, reduce the PR to 100 files or fewer by splitting it into smaller PRs or changing its base branch.

Upgrade to a paid plan to raise the limit.

This review couldn't start because sufficient usage credits or metered capacity aren't available. Add credits or update usage-based reviews in the billing tab, then retry.

Check out review usage here.

⚙️ Run configuration
  • Configuration used: defaults
  • Review profile: CHILL
  • Plan: Advanced
  • Run ID: ac8dc7d9-db03-40a8-be5c-4f5291530dad
📥 Commits

Reviewing files that changed from the base of the PR and between 3dde759 and bc0e785.

⛔ Files ignored due to path filters: 2
  • pnpm-lock.yaml is excluded by !**/pnpm-lock.yaml
  • public/og/docs/components/dither-scan/image.png is excluded by !**/*.png
📒 Files selected for processing: 110
  • .cursor/skills/23rd/SKILL.md
  • .cursor/skills/23rd/apis.md
  • .cursor/skills/23rd/components.md
  • .cursor/skills/23rd/conventions.md
  • .cursor/skills/23rd/recipes.md
  • README.md
  • app/docs/[[...slug]]/page.tsx
  • components/cli-command.tsx
  • components/demos.tsx
  • components/docs-shell.tsx
  • components/framework-code.tsx
  • components/framework-select.tsx
  • components/landing.tsx
  • components/mdx.tsx
  • content/docs/components/ascii-fluid.mdx
  • content/docs/components/ascii-logo.mdx
  • content/docs/components/dither-scan.mdx
  • content/docs/components/dithered-404.mdx
  • content/docs/components/folio.mdx
  • content/docs/components/gooey-color-picker.mdx
  • content/docs/components/iso-lattice.mdx
  • content/docs/components/live-orb.mdx
  • content/docs/components/logo-burst.mdx
  • content/docs/components/mech-keyboard.mdx
  • content/docs/components/meta.json
  • content/docs/components/phosphor-score.mdx
  • content/docs/components/radiant-lines.mdx
  • content/docs/components/ring-tower.mdx
  • content/docs/components/shader-anime-fire.mdx
  • content/docs/components/shader-gradient.mdx
  • content/docs/components/shader-metal.mdx
  • content/docs/components/shader-sky.mdx
  • content/docs/components/stretchy-footer.mdx
  • content/docs/components/typewriter.mdx
  • content/docs/getting-started.mdx
  • lib/framework.tsx
  • lib/seo.ts
  • package.json
  • public/r/ascii-fluid-svelte.json
  • public/r/ascii-logo-svelte.json
  • public/r/dither-scan.json
  • public/r/dithered-404-svelte.json
  • public/r/folio-svelte.json
  • public/r/gooey-color-picker-svelte.json
  • public/r/iso-lattice-svelte.json
  • public/r/live-orb-svelte.json
  • public/r/logo-burst-svelte.json
  • public/r/mech-keyboard-svelte.json
  • public/r/mech-keyboard.json
  • public/r/phosphor-score-svelte.json
  • public/r/radiant-lines-svelte.json
  • public/r/registry.json
  • public/r/ring-tower-svelte.json
  • public/r/shader-anime-fire-svelte.json
  • public/r/shader-gradient-svelte.json
  • public/r/shader-metal-svelte.json
  • public/r/shader-sky-svelte.json
  • public/r/stretchy-footer-svelte.json
  • public/r/typewriter-svelte.json
  • registry.json
  • registry/ascii-fluid/ascii-fluid.svelte
  • registry/ascii-fluid/registry.json
  • registry/ascii-logo/ascii-logo.svelte
  • registry/ascii-logo/registry.json
  • registry/dither-scan/dither-scan-demo.tsx
  • registry/dither-scan/dither-scan-vanilla.ts
  • registry/dither-scan/dither-scan.tsx
  • registry/dither-scan/registry.json
  • registry/dithered-404/dithered-404.svelte
  • registry/dithered-404/registry.json
  • registry/folio/folio.svelte
  • registry/folio/registry.json
  • registry/gooey-color-picker/gooey-color-picker.svelte
  • registry/gooey-color-picker/registry.json
  • registry/iso-lattice/iso-lattice.svelte
  • registry/iso-lattice/registry.json
  • registry/live-orb/live-orb.svelte
  • registry/live-orb/registry.json
  • registry/logo-burst/logo-burst.svelte
  • registry/logo-burst/registry.json
  • registry/mech-keyboard/mech-keyboard-vanilla.ts
  • registry/mech-keyboard/mech-keyboard.svelte
  • registry/mech-keyboard/registry.json
  • registry/phosphor-score/phosphor-score.svelte
  • registry/phosphor-score/registry.json
  • registry/radiant-lines/radiant-lines.svelte
  • registry/radiant-lines/registry.json
  • registry/ring-tower/registry.json
  • registry/ring-tower/ring-tower.svelte
  • registry/shader-anime-fire/registry.json
  • registry/shader-anime-fire/shader-anime-fire.svelte
  • registry/shader-gradient/registry.json
  • registry/shader-gradient/shader-gradient.svelte
  • registry/shader-metal/registry.json
  • registry/shader-metal/shader-metal.svelte
  • registry/shader-sky/registry.json
  • registry/shader-sky/shader-sky.svelte
  • registry/stretchy-footer/registry.json
  • registry/stretchy-footer/stretchy-footer.svelte
  • registry/typewriter/registry.json
  • registry/typewriter/typewriter.svelte
  • scripts/registry-lib.mjs
  • skills/23rd/SKILL.md
  • skills/23rd/apis.md
  • skills/23rd/components.md
  • skills/23rd/conventions.md
  • skills/23rd/recipes.md
  • tests/listings.test.mjs
  • tests/registry.test.mjs
  • tests/svelte.test.mjs

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

  • Autofix · Keep fixing CodeRabbit findings and required CI, and resolving merge conflicts

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.

@radiumcoders
radiumcoders merged commit f90822a into main Oct 14, 2026
2 checks passed
@github-actions

Copy link
Copy Markdown

Cloudflare preview is ready.

Preview https://pr-49-23rd-dev.radiumcoders.workers.dev
This commit https://d6635288-23rd-dev.radiumcoders.workers.dev

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

This branch was successfully deployed

1 active deployment
preview — bc0e7852 Deployed Oct 14, 2026 by github-actions[bot]
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.

1 participant