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
rose
pink
hotpink
purple
violet
indigo
blue
lightBlue
cyan
teal
emerald
green
lime
yellow
amber
orange
red
warmGray
trueGray
gray
coolGray
blueGray
SVG Icons used for many of the ui elements above. This component spits out names and Icons for easy reference when developing components.
arrow
badge
bell
bolt
caret
check
chevron
close
cog
gallery
grid
heart
list
menu
messenger
moon
plus
search
sun