Things

A collection of Codesandbox links for things I've built.

View Transition API Examples

https://codesandbox.io/p/sandbox/view-transition-examples-cfvnq6

Fun with Custom Cursors

https://codesandbox.io/p/sandbox/fun-with-custom-cursors-xhzd9q

Dynamic Background Effect

https://codesandbox.io/p/sandbox/react-dynamic-background-effect-h865gv

Animating Borders in CSS

https://codesandbox.io/p/sandbox/css-animated-borders-lndvrx

Reacting With Emojis

https://codesandbox.io/p/sandbox/reacting-with-emojis-9hnltd

CSS Motion Path

https://codesandbox.io/s/css-motion-path-zlyqc9

Rotating Word Wheel

https://codesandbox.io/s/rotating-word-wheel-tqn4vs

Working with Sound in React

https://codesandbox.io/s/working-with-sound-in-react-click-j8xst7
https://codesandbox.io/s/working-with-sound-in-react-message-xnhylp
https://codesandbox.io/s/working-with-sound-in-react-input-validation-pkp8k5

Card Flip Animation

https://codesandbox.io/s/card-flip-animation-mpvkqn

Animated Social Share Links

https://codesandbox.io/s/animated-social-share-links-334smm

React Animated Number Ticker

https://codesandbox.io/s/animated-number-ticker-2qrld5

React Confetti Card

https://codesandbox.io/s/react-confetti-card-ts7hn3

Animated Page Transitions in Next.js

https://codesandbox.io/s/animated-page-transitions-in-nextjs-yb71o5

CSS Animated Icons

https://codesandbox.io/s/animated-icons-7sqbx3

Typing Text React Hook

https://codesandbox.io/s/typing-text-react-hook-ndrvmo

React Heatmap Chart

https://codesandbox.io/s/react-heatmap-chart-component-kjrqpj

React Hook For Click Animations

https://codesandbox.io/s/click-animation-effect-hook-yiigz

Story Layout UI

https://codesandbox.io/s/story-layout-react-kphb4

Color Palette Component

https://codesandbox.io/s/color-palette-react-ythuq

React Segmented Control Component

https://codesandbox.io/s/react-segmented-control-krgq5

React Drawer Component with Portals

https://codesandbox.io/s/drawer-component-react-hooks-sg357

3D Hover Effect

https://codesandbox.io/s/3d-hover-effect-hqy6h

Image Comparison Slider

https://codesandbox.io/s/react-image-comparison-evpeu

Framer Motion Complex Animations

https://codesandbox.io/s/framer-motion-complex-animation-i7ylq

Bitcoin Price Tracker

https://codesandbox.io/s/btc-price-tracker-e593h

Animated Counter Button

https://codesandbox.io/s/animated-counter-button-r38hm

Audio Player Using React Hooks

https://codesandbox.io/s/react-audio-player-demo-zwhoc

Animated Tabs With Framer Motion

https://codesandbox.io/s/framer-motion-animated-tabs-jkckb

Dark Mode Theme Toggle Animation

https://codesandbox.io/s/dark-mode-theme-toggle-quz8j

Medium-Style Expandable Comment Box

https://codesandbox.io/s/expandable-comment-box-fwo1b

A Vertical Carousel Component

https://codesandbox.io/s/vertical-carousel-component-f8yt5

Recreating the iOS Control Center in CSS Grid

https://codesandbox.io/s/control-center-xnl03

Recreating the Medium Applause Button

https://codesandbox.io/s/applause-button-pk4nz

A Card Carousel Component

https://codesandbox.io/s/react-card-carousel-d4h19

Progress Indicator

https://codesandbox.io/s/progress-indicator-1-fl6l1

Progress Indicator 2

https://codesandbox.io/s/progress-indicator-2-d45ty

Dropdown Menu

https://codesandbox.io/s/dropdown-menu-jzldk

Skeleton Loading Placeholder

https://codesandbox.io/s/skeleton-placeholder-0y8od