Interactive Web Bookshelf with Sliding Book Details

Interactive Web Bookshelf with Sliding Book DetailsInteractive Web Bookshelf with Sliding Book Details

The network for creativity

Join 1.25M professional creatives like you

Connect with clients, get discovered, and run your business 100% commission-free

Creatives on Contra have earned over $150M and we are just getting started

Back to feedPost

Sofiia Tatara

pro

• 5h

Experimenting a little with a modern bookshelf: what it could look like if it lived on the web.

Scroll through the shelf, click any book and it slides out, turns to its cover and shows the title, author, year and a short note.

Framer Claude Figma

Ivan Shtefan

pro

• 5h

The colorful spines on the wood shelf under the big TOKYO STYLE title feel like a real bookstore. When a book slides out, does the shelf close the gap or leave a space?

Nazar Koliano

pro

• 5h

would love this as a reading list page

Miguel Queirós

max

• Nov 5

Onboarding flow for Oldhand AI

Motion Design Product Design Claude Brand Design Figma

Kevser Çıtak

• Nov 9

Amazing design!

Cameron Duncalfe

max

• Nov 5

I do my best work when I'm excited about it. This took me under 2h from start to finish. Might have to get more selective about the projects I take on from now on.

Claude Web Design Web Development

Kapil Sharma

• Nov 6

Looks so cool🔥I really wonder how you make all the characters and animations.

Ahmad Nazirov | Product Design & Framer

pro

• Nov 6

AI chat that shows the work behind the answer.

Ask a question, follow the analysis, then get the answer with charts, sources, and generated outputs — all in one focused workspace.

Light & dark modes.

Figma aichat

3 voted

75%

1 voted

25%

4 votes

Closed

Ivan Shtefan

pro

• Nov 6

I'd pick Light for an analysis tool, the charts and sources read better on a pale surface and the violet bars still pop. Dark works as the night option. Is the sources panel on the right open by default?