Skip to content

feat: add seeded squiggle background - #165

Merged
yakew7 merged 1 commit into
yakew7:mainfrom
yckonnnnn:feat/squiggle-background
Oct 6, 2026
Merged

yakew7 merged 1 commit into
yakew7:mainfrom
yckonnnnn:feat/squiggle-background

Conversation

@yckonnnnn

Copy link
Copy Markdown
Contributor

Summary

Add a seeded Squiggle background generator with palette-colored strokes. Density sets row spacing, scale sets stroke width, and rotation controls the pattern angle. Closes #153.

Screenshots

The Squiggle option appears in Background Studio. I checked its preview and exported SVG and PNG files in the browser; the CSS export also renders as a data-URI background.

Checklist

  • pnpm typecheck, pnpm test, pnpm lint, pnpm format:check, pnpm check:dashes and pnpm build pass
  • Conventional commit message
  • Checked in dark and light themes and at mobile width (375 px)
  • Checked keyboard navigation with the End key
  • No any, console.log, or new external services
  • Updated docs and CHANGELOG.md

Breaking changes

None.

Testing completed

All required checks pass. The registry tests verify deterministic output, valid SVG, CSS export, and rotation. In the browser, I selected Squiggle, checked the light theme at 375 px, and downloaded SVG, 1x PNG, and 2x PNG exports.

@yckonnnnn
yckonnnnn requested a review from yakew7 as a code owner October 6, 2026 14:16
@vercel

vercel Bot commented Oct 6, 2026

Copy link
Copy Markdown
Contributor

@yckonnnnn is attempting to deploy a commit to the yashkewlani2020-gmailcom's projects Team on Vercel.

A member of the Team first needs to authorize it.

@github-actions

github-actions Bot commented Oct 6, 2026

Copy link
Copy Markdown

Hi @yckonnnnn, welcome to DesignHub and thanks for your first pull request! 🎉

DesignHub is an open-source, local-first design and brand toolkit that runs entirely in the browser: set up a brand once and get logo variants, mockups, social media assets, a brand guidelines PDF and design tokens, plus typography, color, icon, background, effects, SVG and accessibility tools. No login, no backend, no API keys.

A maintainer will review this soon. Meanwhile, please check that pnpm typecheck && pnpm lint && pnpm format:check && pnpm build pass and that the PR template checklist is filled in.

If you like the project, a ⭐ on the repository helps other people find it.

Feel free to contribute more! Issues labeled good first issue and help wanted come with step-by-step instructions, and CONTRIBUTING.md has the setup and style guide. Questions are always welcome in the comments.

@yakew7
yakew7 merged commit c875ef5 into yakew7:main Oct 6, 2026
7 of 8 checks passed
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.

Backgrounds: add a squiggle lines pattern generator

2 participants