Pâtisserie on rue du Bac
A Paris pâtisserie concept built around hand-piped macarons, a full vitrine, and the ceremony of choosing a box. The page is as much about the shop’s atmosphere as its pastries.
The project is live at https://sucre.aarya.cyou/. The site is an interactive concept; its booking, purchase, or application invitations do not complete real transactions.
This project treats patisserie as an atmosphere to enter. Its selected scenes move from Macarons to Rue du Bac, giving the central subject several different scales and moods. The result is a designed world rather than a catalogue of screens.
| No. | Scene | Place in the story |
|---|---|---|
| 1 | Macarons | Color and texture behind the glass. |
| 2 | The vitrine | Pastries arranged for a slower look. |
| 3 | The coffret | A box assembled piece by piece. |
| 4 | Rue du Bac | A shop story stretching back decades. |
These scenes are a selection from the full site. The page also contains supporting editorial sections and a closing invitation.
Rose pink, warm cream, pistachio green, and gold make the interface feel like a confectionery box opened on a marble counter.
The color plate below records the project's ground, ink, accent, and secondary tone. The type families in the design are Playfair Display · DM Sans.
The experience is built for the browser, with a visual scene that responds to the page and pointer. Its text remains arranged as a readable sequence of sections. The screenshot below shows the opening composition.
Opening scene captured from the original project.
| Part | Tools |
|---|---|
| Site and build | JavaScript, Vite, Tailwind CSS, custom CSS |
| Three-dimensional scene | Three.js and project-specific shaders/models |
| Motion and scrolling | GSAP, ScrollTrigger, Lenis |
| Hosting configuration | Cloudflare Pages, wrangler.jsonc |
The site is one project at the repository root. The current application is in src/; render, asset, input, scroll, and UI utilities are in src/core/. Old collection material is preserved under docs/archive/.
Use Node.js 22.12 or newer:
npm ci
npm run devVite serves the site at http://127.0.0.1:5190/. To build and preview the production output:
npm run build
npm run previewThe build writes to dist/; preview serves it at http://127.0.0.1:5191/.
For Cloudflare Pages, connect the repository's main branch. Use npm run build as the build command, dist as the output directory, and the repository root as the root directory. The React (Vite) preset supplies the build values; wrangler.jsonc also records the Pages output directory. The live site is https://sucre.aarya.cyou/; pushes to main deploy through the connected GitHub repository.
| Path | Contents |
|---|---|
index.html |
Single site entry |
src/ |
Scene, styles, shaders, and page modules |
src/core/ |
Shared rendering and interaction utilities |
public/ |
Project models and images |
docs/ |
Project art, screenshot, credits, and notices |
docs/archive/ |
Preserved earlier collection material |
wrangler.jsonc |
Cloudflare Pages output configuration |
The repository has separate rights scopes. Reuse rights for one part do not extend to the others:
| Material | Terms |
|---|---|
| Adapted source code | MIT license, with the original copyright retained |
| New project SVGs and original presentation | Maison Sucre content notice |
| Zyrix Dev name and marks, where referenced | Zyrix Dev brand notice |
| Models, source images, and the screenshot | Asset licenses |
| Libraries and web fonts | Third-party notices |
The source project and contributors are acknowledged in Credits. The original source copyright remains in LICENSE.