A movie explorer app composed of components listed below using The Movie Database API
Dark Mode switch which will affect the appearance of the components on this site. Click to toggle light and dark modes.
Animated SVG and Number using a combination of css transitions and Framer Motion.
Click to Simulate.
Fun little widget with a "mission impossible" style text animation.
Simple gallery component using the Unsplash API. Layout switcher, swipable gallery mode, and search component.
Card components using unsplash api to generate backgrounds. Code on Github is a bit more interesting.
Mixing up Grid with Card components with column and row span props for different layouts on different screen sizes (compare with desktop layout to see the differences).
Filler component used to generate the silly titles and dummy text. Useful for developing layout components
Component used in development to explore the Material Design Color Pallete. Click a color to see all variants
SVG Icons used for many of the ui elements above. This component spits out names and Icons for easy reference when developing components.