본문 바로가기

UI

탭 메뉴 구성이 있는 자기 소개 카드 UI See the Pen Profile Card UI by JotForm (@jotform) on CodePen. 마우스 방향에 따라 움직이는 글씨
로그인을 이런식으로 하는 것도 나쁘지 않은 듯 See the Pen Login Passcode Panel by Tey Tag (@pix3l) on CodePen. 로그인을 이런식으로 하는 것도 나쁘지 않은 듯
관리자 대시보드 UI See the Pen Customer Management UI by Aysenur Turk (@TurkAysenur) on CodePen. 관리자 대시보드 UI
깔끔한 대시보드 UI See the Pen Dashboard UI by Mert Cukuren (@knyttneve) on CodePen. 깔끔한 대시보드 UI
깔끔한 체크박스 선택 UI 버튼 See the Pen Checkbox group styled as tiles by Håvard Brynjulfsen (@havardob) on CodePen. 깔끔한 체크박스 선택 UI 버튼
깔끔한 뮤직 앱 UI See the Pen Music App by Håvard Brynjulfsen (@havardob) on CodePen. 깔끔한 뮤직 앱 UI
빛, 텍스처가 잘 만들어진 느낌의 UI See the Pen Light, Texture, Containers, Color — Design Experiment by George Francis (@georgedoescode) on CodePen. 빛, 텍스처가 잘 만들어진 느낌의 UI
드래그 앤 드롭 애니메이션 See the Pen Drag & Drop particle animation by Aaron Iker (@aaroniker) on CodePen. 드래그 앤 드롭 애니메이션
CSS를 이용한 메인 인트로 애니메이션 See the Pen Move to Mars! A CSS only booking form by Jamie Coulter (@jcoulterdesign) on CodePen. CSS를 이용한 메인 인트로 애니메이션
잡 서치 대시보드 UI See the Pen Job Search Platform UI by Aysenur Turk (@TurkAysenur) on CodePen. 잡 서치 대시보드 UI
마우스 클릭하면 페이지 이동하는 효과 UI See the Pen Mousemove mirror effect | GSAP by Zajno (@Zajno) on CodePen. 마우스 클릭하면 페이지 이동하는 효과 UI
드래그 되는 모달 창 GSAP See the Pen Moving a modal with GSAP Draggable & Tailwind CSS by Jorge Cheevers (@jorgecheevers) on CodePen. 드래그 되는 모달 창 GSAP
3D 자동차 스크롤 애니메이션 효과 UI See the Pen 3D Car animation model-viewer & GSAP by Jorge Cheevers (@jorgecheevers) on CodePen. 3D 자동차 스크롤 애니메이션 효과 UI
3D를 이용한 나이키 메인 UI See the Pen 3D Ecommerce Experience with Spline by Jorge Cheevers (@jorgecheevers) on CodePen. 3D를 이용한 나이키 메인 UI
패스워드 만들기 See the Pen Random Password Generator - HTML | CSS | JS by Sikriti Dakua (@dev_loop) on CodePen. 패스워드 만들기
블러그 유형 UI 컴퍼넌트 See the Pen UI Kit | Blog Component 1 by Taylon, Chan (@tin-fung-hk) on CodePen. 블러그 유형 UI 컴퍼넌트
로그인 폼 UI See the Pen Register Form by Darshan Rajadhyaksha (@dsr) on CodePen. 로그인 폼 UI
로그인/로그아웃 UI See the Pen Log In / Sign Up - pure css - #12 by Ivan Grozdic (@ig_design) on CodePen. 로그인/로그아웃 UI
사이버 느낌 UI See the Pen CYBERTYPE by Manan Tank (@MananTank) on CodePen. 사이버 느낌 UI
스크롤 가능한 모달 UI See the Pen Modal with scroll and faded text by Håvard Brynjulfsen (@havardob) on CodePen. 스크롤 가능한 모달 UI
디자인 깔끔한 카드 UI See the Pen Cards by Håvard Brynjulfsen (@havardob) on CodePen. 디자인 깔끔한 카드 UI
포폴 메인으로 딱 좋아! See the Pen SVG overlay and blend mode experiment by Jason Lengstorf (@jlengstorf) on CodePen. 마우스 방향에 따라 움직이는 글씨
시작을 누르면 애니메이션이 시작됩니다. See the Pen hex animation by isladjan (@isladjan) on CodePen. 시작을 누르면 애니메이션이 시작됩니다.
인트로 텍스트 애니메이션 See the Pen Intro Animation by Amal Farah (@Afarah92) on CodePen. 인트로 텍스트 애니메이션
인트로 텍스트 애니메이션 See the Pen Animated Landing Page Design TweenMax by Amal Farah (@Afarah92) on CodePen. 인트로 텍스트 애니메이션
미래 느낌의 브라우저 See the Pen augmented-ui social media picture-of-code thing by Jane 💜 (@propjockey) on CodePen. 미래 느낌의 브라우저
이게 필요할 때 있어~ See the Pen Google Chrome Bar by Tin Fung, Chan (@tin-fung-hk) on CodePen. 이게 필요할 때 있어~
인트로 애니메이션 UI See the Pen Magnetic Button by Daniel Hult (@daniel-hult) on CodePen. 인트로 애니메이션 UI
상세 페이지 있는 카드 UI See the Pen GSAP Flip: Fullscreen Card by malven (@cmalven) on CodePen. 상세 페이지 있는 카드 UI
카드 플립 애니메이션 See the Pen GSAP Flip: Card Sorting by malven (@cmalven) on CodePen. 카드 플립 애니메이션