세부 필터

Website Inspiration: DialKitdialkit.dev링크가 복사되었습니다

← 목록으로

사이트 전체 화면을 한눈에 볼 수 있어요. 이미지에 마우스를 올리면 미니맵으로 위치를 확인할 수 있어요.

← 목록으로

Website Inspiration: DialKit

방문 ↗

2026. 10. 30.

🗂️ 분류

카테고리: 브랜드
지역: 해외
분위기: 에디토리얼 볼드
특징: 애니메이션 중심
색상: 그린 오렌지

✍️ 에디터 리뷰

한 줄 소개

The DialKit one pager shows oversized typography and floating, glossy black control panels against a minimal dark background. It provides a floating control panel for React, Solid, Svelte, and Vue tha

에디터 요약

Live controls for React, Solid, Svelte, Vue, and plain JavaScript. Tune motion, layout, color, and animation timing directly in your interface.

🎨 디자인 분석

컬러

Primary#D9FF43

Secondary#FF9C63

Accent#0369A1

웹폰트

kecalkecal FallbackGeist PixelInstrument SerifInstrument Serif FallbackCovered By Your Grace

최대 콘텐츠 폭1480px

contentcontent 1480px

그리드2컬럼

2 columns

반응형 지원

~680모바일

681~태블릿

지원PC

사이트 HTML·CSS에서 자동 추출한 정보입니다.

🛠️ 기술 스펙

제작 방식

감지 안 됨

애니메이션 라이브러리

⚡GSAP◎Lottie⇆Swiper✦Three.js

CSS 변수 8

--blue--dial-border--dial-border-hover--dial-dropdown-bg--dial-focus-ring--dial-glass-bg--dial-surface--dial-surface-active

프레임워크

Next.jsVercel(호스팅)

사이트 HTML·CSS·네트워크 요청에서 자동 추출한 기술 정보입니다.

💬 댓글

불러오는 중…