See the Pen Card by Håvard Brynjulfsen (@havardob) on CodePen. Card 디자인 내용에 들어가는 자료 노출형으로 만들면 보기에 좋아 보인다.
See the Pen Turning pages with CSS by Amit Sheen (@amit_sheen) on CodePen. CSS를 이용한 책넘김 효과
See the Pen 3d text by Kevin (@kevinpowell) on CodePen. CSS를 이용한 3D Text Animation
See the Pen CSS Typing Effect by Marko (@denic) on CodePen. CSS를 이용한 간단한 타이핑 애니메이션
See the Pen Image Gallery | Unsplash API by Sikriti Dakua (@dev_loop) on CodePen. Image Gallery with Unslpash Api 언스플레쉬 라이브러리를 사용하여 만든 이미지 갤러리
See the Pen Project Management Dashboard UI by Aybüke Ceylan (@aybukeceylan) on CodePen. Responsive Project Management Dashboard UI
See the Pen FAQ by Katherine Kato (@kathykato) on CodePen. FAQ 토글 버튼
See the Pen Background patterns by yuanchuan (@yuanchuan) on CodePen. 백그라운드 패턴 이미지 모음
See the Pen Woohooo! by Dronca Raul (@rauldronca) on CodePen. CSS를 이용한 통통튀는 텍스트 애니메이션
See the Pen Animated text fill by Daniel Riemer (@zitrusfrisch) on CodePen. CSS를 이용한 텍스트 배경 애니메이션 효과 #1
See the Pen Hover Effect5 by 윤재현 (@jh91) on CodePen. CSS를 이용한 이미지 hover 애니메이션
See the Pen Glassmorphism Creative Cloud App Redesign by Aysenur Turk (@TurkAysenur) on CodePen. 반응형 Adobe Dashboard UI
See the Pen 29/52 - Circular Slider by Sean (@nevernotsean) on CodePen. Circular Slider 원모양 이미지 슬라이더
See the Pen #Javascript30 - 05: Flex Panel Gallery by Henry Desroches (@xdesro) on CodePen. Flex를 이용한 이미지 갤러리
See the Pen CSS Responsive Table Layout by Luke Peters (@lukepeters) on CodePen. CSS를 이용한 반응형 테이블 UI
See the Pen Fixed table header by Nikhil Krishnan (@nikhil8krishnan) on CodePen. 테이블헤더가 고정되어 있는 테이블 UI
See the Pen Table UI with TailwindCSS & AlpineJS by Mithicher (@mithicher) on CodePen. 체크박스 및 조회 기능이 있는 테이블 UI DB와 연결해서 데이터 뿌려줄때 좋은 테이블
See the Pen Login Box Concept by 윤재현 (@jh91) on CodePen. 로그인 폼 UI #1
See the Pen File Sharing Web App by Aybüke Ceylan (@aybukeceylan) on CodePen. 반응형 File 공유 웹페이지 UI
See the Pen Solving Problems With CSS Grid and Flexbox: The Card UI i by Envato Tuts+ (@tutsplus) on CodePen. 반응형 그리드 레이아웃 #2