본문 바로가기

UI

카드 박스 GROW 효과 See the Pen Proximity Glow Cards by Jhey (@jh3y) on CodePen.카드 박스 GROW 효과
요런 느낌의 UIUX 디자인 See the Pen Neo-Brutalist Panel Layout by Carter Lovelace (@carterfromsl) on CodePen.마우스 방향에 따라 움직이는 글씨
페이지 트랜지션 효과 See the Pen page transition overlay by misala (@p0waqqatsi) on CodePen.페이지 트랜지션 효과
인트로 그리드 섹션 레이아웃 See the Pen intro grid section by misala (@p0waqqatsi) on CodePen.인트로 그리드 섹션 레이아웃
GRID를 이용한 도시 소개 카드 유형 UI See the Pen Top destinations #html #scss #grid by Kristen (@kristen17) on CodePen.GRID를 이용한 도시 소개 카드 유형 UI
팀원 소개하는 카드 유형 UI See the Pen Our team section #bootstrap by Kristen (@kristen17) on CodePen.팀원 소개하는 카드 유형 UI
바로가기 버튼이 들어간 카드 유형 UI See the Pen Cards with inverted border-radius #scss by Kristen (@kristen17) on CodePen.바로가기 버튼이 들어간 카드 유형 UI
핀터레스트 레이아웃 flex UI See the Pen Responsive Pure CSS Masonry Layout - Flexbox by Stephanie (@ramenhog) on CodePen.핀터레스트 레이아웃 flex UI
핀터레스트 레이아웃 column UI See the Pen Responsive Pure CSS Masonry Layout - Column Count by Stephanie (@ramenhog) on CodePen.핀터레스트 레이아웃 column UI
로그인/로그아웃 UI See the Pen Login Page With Phases by Jon Kantner (@jkantner) on CodePen.로그인/로그아웃 UI
푸터 영역 메일 보내기 스타일 UI See the Pen Mail form with attachment by Nicolas Jesenberger (@nicolasjesenberger) on CodePen.푸터 영역 메일 보내기 스타일 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 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