Hacktoberfest 2026: the issues maintainers tagged for October, open and beginner-friendly. Browse Hacktoberfest issues

🚀 Feature: Adding Random Mesh Gradient as a Background Image

Open
#1 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Assessment

Difficulty
5/5
Estimated time
Over a week
Newbie friendliness
35/100
Issue type
Feature
Clarity
Mostly clear
Activity status
Stale

Research direction

Start by locating the BackgroundImage dropdown and the canvas background handling in the Snapwrite application. Define the mesh-gradient generation and regeneration behavior, then verify that a new Mesh Gradient option produces a downloadable code image with a newly generated background.

Written by the indexing model from the issue text.

Description

🔖 Feature description

There are two options provided as of now for the background of the canvas!

  • BG DARK 1 (Appwrite theme Background)
  • Custom Image

It would be really amazing if there is something like Mesh Gradient Which looks stunning as a background of the code.
It would be colorful and can have a regenerate button to regenerate to other colors or patterns.

🎤 Pitch

It's possible to add Mesh Gradient Background which looks stunning.
image

If it's possible then Why do we need this feature?
  • In order to do the same we need a mesh gradient generator
  • we generate the background and download it to our system
  • then we upload to Snapwrite
  • and finally, we get our work done

There should be a new option in the BackgroundImage dropdown like Mesh Gradient and on the spot generate a brand new Mesh Gradient Background.

👀 Have you spent some time to check if this issue has been raised before?
  • I checked and didn't find similar issue
🏢 Have you read the Code of Conduct?
Dominant language
Svelte
Stars
11
Forks
2
PR merge metrics
No merged PRs in 30d

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Similar issues

More Design issues

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.