Xwall

Interactive, aesthetic wallpaper generator that creates fluid, liquid-like visuals in real-time. It runs directly in your browser and allows you to customize the color palette, texture, and various distortion effects to create unique 4k wallpapers.

Features

• 16-Color Palette: Fully customizable color selection (0-15) to match your aesthetic.
• Visual Effects:
  • Pixelation: Turn the fluid into retro pixel art.
  • Distortion: Control the chaos and warping of the liquid.
  • Relief: Adjust the 3D depth and thickness of the paint.
• High Performance: Built with React Three Fiber and custom GLSL shaders.
• Export 4k: Render and download high-resolution (3840x2160) images instantly.

In case you want to try this locally:

1. Install dependencies:

   npm install

2. Run the full quality gate when needed:

   npm run check

3. Start the development server:

   npm run dev

4. Open the local URL in your browser.

Quality and Automation

• Type Safety: npm run typecheck validates the full TypeScript project before building.
• Targeted Tests: npm run test runs Vitest against the export/signature utilities.
• Single Quality Gate: npm run check runs lint, typecheck, and tests in one command.
• Continuous Integration: .github/workflows/ci.yml executes the quality gate on pushes and pull requests.
• GitHub Pages Deployment: .github/workflows/deploy-pages.yml builds the app and deploys dist/ using the official Pages actions.

Related Documents

• License
• Code of Conduct
• Contributions

Generated Wallpapers: CC BY 4.0
The artworks and wallpapers generated using Xwall are licensed under Creative Commons Attribution 4.0 International. If you share, distribute, or use them publicly, you must give appropriate credit to this project.

X

XGitHub · XWeb