The DaliCollab Bookshelf Builder is an interactive app that allows users to design their own bookshelf. They can add up to 12 books they are reading, plan to read, or recommend. Books can be displayed as covers or spines, and each can be arranged with drag-and-drop positioning and z-index layering, giving the user freedom to personalize their shelf.
To make the bookshelf come alive, users can also add decorations (plants, sculptures, clocks, etc.). The final bookshelf can be exported as:
An image for social media — to share reading lists with friends.
A printable PDF — which includes covers that can be folded into mini 3D books for a DIY project.
(The printable 3D mini-book option was removed for now because we do not have the rights to generate or distribute book covers for printing.)
The project is part of my ongoing DaliCollab initiative: creating fun, collaborative, and shareable experiences that blend UX design, technology exploration, and creative outcomes.
Frontend Development
UX Design
Product Design
AI Experiment
Prototype
Frontend Engineering
Product Design
Prototyping
React
TypeScript
Tailwind CSS
Figma
This project showcases knowledge in React, AI, and TypeScript by experimenting with RPC Cloudflare Workers using Bolt.new and Cursor.AI. Apply UX principles to transform a functional bookshelf builder into a delightful, customizable, and shareable experience.
