Crystal Collective by Jenn | Crystal Guide Web App
View completed workcrystalcollectivebyjenn.com
Crystal Collective by Jenn is a live crystal guide web app with separate tools visitors can move between. It's public at crystalcollectivebyjenn.com, and the footer credits the site to Donnie Clams.

Homepage on desktop, with the crystal of the day and paths into each tool.
What I built
A homepage with Jenn's branding, a crystal of the day, and clear paths into each tool
Identify a Crystal, where a visitor takes or chooses a photo and gets the cloest match from the library
A public crystal library with photo cards and short previews; signing in unlocks the full guide
A mood matcher with tap-to-select mood chips and a text field, which updates results without reloading the page
Pages for saved stones (sign-in required), monthly boxes, and personal guidance
A mobile layout with bottom navigation for Identify, Library, Mood, Saved, and More

The public crystal library, with guest preview cards.
Design choices
I kept a consistent cream palette, serif headings, and card layout so the tools feel like one product. The homepage is organized around the tools instead of a long marketing page.

Identify a Crystal: take or choose a photo to find the closest match.
Tech
Next.js app styled with Tailwind CSS, with images served from Supabase storage, hosted on Fly.io.

The homepage on a phone, with bottom navigation.
0 likes · 0 views · Nov 10, 2026
A live web app for Crystal Collective by Jenn: identify stones, browse a crystal library, and match by mood.




