Reef Rhythm
Aquarium parameter tracker for reef tanks.
About
Skeuomorphic design exploration aiming to mimic old analog interfaces by using drop shadows and gradients. Route transitions are made to emulate a camera moving across a sheet of metal. It is a fully client-side aquarium parameter tracker for reef tanks.
Technical highlights
- 01Framer Motion orchestrated page transitions
- 02Custom-made D3 graphs
- 03Custom dial and slider components built with React Aria
Stack
- React
- TypeScript
- React Aria
- D3
- Framer Motion
- CSS Modules