Introduction

Introduction

Introduction

The Cute Desk Generator is a whimsical and interactive website that allows users to customize their own adorable desk setup. With a variety of options for desk components, decorations, and backgrounds, users can mix and match elements to create their ideal desk environment.

The Cute Desk Generator is a whimsical and interactive website that allows users to customize their own adorable desk setup. With a variety of options for desk components, decorations, and backgrounds, users can mix and match elements to create their ideal desk environment.

The Cute Desk Generator is a whimsical and interactive website that allows users to customize their own adorable desk setup. With a variety of options for desk components, decorations, and backgrounds, users can mix and match elements to create their ideal desk environment.

Features

Features

Features

  • Customizable Desk Components:

    • 4 desk-top styles, 15 desk-bottom styles, each with 7 colors.

    • 6 unique decorations and 7 beautiful backgrounds.

  • Interactive Canvas:

    • Real-time preview of desk setups.

  • Mix & Match Game:

    • Randomly combines components for fun.

  • Save and Download:

    • Save desk designs as images.

  • Random Desk Generator:

    • Quickly generates a random desk setup.

  • Customizable Desk Components:

    • 4 desk-top styles, 15 desk-bottom styles, each with 7 colors.

    • 6 unique decorations and 7 beautiful backgrounds.

  • Interactive Canvas:

    • Real-time preview of desk setups.

  • Mix & Match Game:

    • Randomly combines components for fun.

  • Save and Download:

    • Save desk designs as images.

  • Random Desk Generator:

    • Quickly generates a random desk setup.

  • Customizable Desk Components:

    • 4 desk-top styles, 15 desk-bottom styles, each with 7 colors.

    • 6 unique decorations and 7 beautiful backgrounds.

  • Interactive Canvas:

    • Real-time preview of desk setups.

  • Mix & Match Game:

    • Randomly combines components for fun.

  • Save and Download:

    • Save desk designs as images.

  • Random Desk Generator:

    • Quickly generates a random desk setup.

Tools and Technologies

Tools and Technologies

Tools and Technologies

  • HTML: Canvas for displaying desk setups and interactive buttons.

  • CSS: Custom fonts, cohesive color palette, hover/active button effects.

  • JavaScript: Manages interactions, random generation, and image saving.

  • Procreate: For creating all visual assets.

  • HTML: Canvas for displaying desk setups and interactive buttons.

  • CSS: Custom fonts, cohesive color palette, hover/active button effects.

  • JavaScript: Manages interactions, random generation, and image saving.

  • Procreate: For creating all visual assets.

  • HTML: Canvas for displaying desk setups and interactive buttons.

  • CSS: Custom fonts, cohesive color palette, hover/active button effects.

  • JavaScript: Manages interactions, random generation, and image saving.

  • Procreate: For creating all visual assets.

MORE WORKS

MORE WORKS

© 2025 Sonny Yan. All rights reserved.

© 2025 Sonny Yan. All rights reserved.

© 2025 Sonny Yan. All rights reserved.