브라우저에서 바로 실행되는 개발자들의 소스를 찍먹해 보세요.
불러오는 중…
데모 51개
Zero-dependency 반응형 CSS 블러 디자인 킷
순수 CSS 로딩 애니메이션 30종 모음입니다.
읽은 책을 3D 책장에 꽂아 보는 뷰어예요.
새소리·바람 소리를 섞어 나만의 배경음을 만들어요.
강의를 들으며 타임스탬프 메모를 남기는 노트예요.
누를 때마다 꿀이 차오르는 카운터예요.
날짜를 고르면 그날의 달 모양을 보여 줘요.
습관을 지킬수록 곰돌이가 자라는 트래커예요.
WebSocket + STOMP 기반 실시간 채팅 데모입니다. 방 만들기와 입장 알림까지 지원해요.
마우스 반발력과 물리 기반 가속도를 시뮬레이션한 파티클 인터랙션 데모입니다.
스크롤하면 낙엽이 떨어지는 랜딩 페이지예요.
날씨에 따라 여우가 옷을 갈아입는 위젯이에요.
중력과 탄성을 바꿔 보는 공 튀기기 데모예요.
공공 API와 React 19 Suspense로 만든 날씨 대시보드입니다.
포물선을 계산해 뼈다귀를 던지는 미니 게임이에요.
타이밍을 맞춰 물고기를 낚는 캐주얼 게임이에요.
산책 시간을 재면 강아지가 꼬리를 흔드는 타이머예요.
Unity로 만든 3스테이지 플랫포머 게임입니다.
한 번 밀면 끝까지 미끄러지는 얼음 퍼즐이에요.
마이크 입력 주파수를 파티클로 전환하는 시각화 도구
배치 잡 실행 현황을 시각화한 대시보드 데모입니다.
마우스를 따라 벚꽃잎이 흩날리는 배경 효과예요.
얼음 위를 미끄러지며 장애물을 뛰어넘는 펭귄 게임이에요.
Unity WebGL로 만든 2인 오목 게임. 빌드 용량을 9MB로 줄였어요.
클릭할수록 당근 밭이 넓어지는 클리커 게임이에요.
실시간 미리보기와 코드 하이라이트가 되는 에디터입니다.
털실 공을 굴리고 당겨 보는 물리 놀이터예요.
할 일을 끝내면 토끼가 당근을 먹는 투두 앱이에요.
Web Audio API로 만든 16스텝 드럼 시퀀서입니다.
메시지가 통통 튀며 쌓이는 말풍선 컴포넌트예요.
Perlin·Simplex 노이즈 파라미터를 실시간으로 조절해 보는 셰이더 데모
가상의 위성 위치를 지도 위에 실시간으로 그려요.
바닐라 JS로 만든 드래그 정렬 투두 리스트입니다.
고양이 아바타로 대화하는 실시간 채팅 데모예요.
중력을 바꾸면 궤도가 어떻게 변하는지 보여 줘요.
코드 스니펫으로 타자 속도를 재는 게임입니다.
의존성 없이 Pointer Events로 만든 칸반 보드
타일을 칠해 나만의 사바나를 꾸며요.
연료와 각도를 정해 로켓을 쏘아 올려요.
Canvas API로 만든 32x32 픽셀 드로잉 툴입니다.
동물들의 키를 비교해 보는 막대 차트예요.
transform-style: preserve-3d로 만든 카드 갤러리
예제 코드를 따라 치며 타자 속도를 재요.
코드를 커밋할수록 사자가 자라는 육성 게임이에요.
행성 궤도를 3D로 돌려보는 Three.js 데모입니다.
딥소스
알림