DopeDemos

Alpha 1.0
hello-world

Kick off your next project with the best frontend toolset

npx new-project.hello-world

Preview
Swipable Card Stacks

Swipeable stack cards created using framer-motion. The cards can be dragged and sent to the back of the stack. Images are from Pinterest.

help-my-code-is-breaking

Preview
basic R3F example_copy

a r3f scene

Preview
Input Morph Message

ibelick: An input component that morphs its content into a message bubble when submitted. Made possible with layout animations in Framer Motion.

test

test

the mice have escaped

my computer got a virus

delete-cursor

how to stop ppl from leaving ur app

unicorn

A public description would go here!

Preview
uni-texture

Preview
Test6

Preview
iOS Classic Slide to Unlock

I recreated the classic 'Slide to Unlock' from the old iPhones using Framer Motion for the animation and a mix of Tailwind CSS and inline CSS for ...

Preview
basic R3F example

a r3f scene

roughjs-progress-portal

exploring roughjs to get that perfectly imperfect highlights & drawn elements ✍️

metaballs-shader

another metaballs shader (but this one is colorful)

glowing-sphere

Inspired by an email asset I saw, had to recreate w v0

gooey loading indicator

dream-harder-infinity

created from a claude prompt → <a href="https://x.com/tjcages/status/1833218417639186936" target="_blank">link</a>

Preview
ascii grid

air-blender

Preview
Run Stat Stack