coDribble's repositories
50projects50days
50+ mini web projects using HTML, CSS & JS
codribble
Profile Page
codrops_GridToSlider
Some ideas for grid to slideshow switch animations using GSAP's Flip plugin.
codrops_ImagePixelLoading
A recreation of the on-scroll pixelated image loading effect seen on Felicity Ingram's website
codrops_OnScrollColumnsRows
Scroll-driven animations for columns and rows powered by GSAP.
codrops_PixelTransition
Ideas for pixel page transitions based on an animation by Niccolò Miranda.
codrops_Scroll3DGrid
On-scroll animations for perspective image grids with different layouts.
codrops_ScrollBasedLayoutAnimations
An exploration of different scroll based layout switch animations using GSAP's ScrollTrigger and Flip.
codrops_SlideshowAnimations
A collection of ideas for slideshow animations.
codrops_TextBlockTransitions
Some inspiration for transitioning text blocks with different word animations.
csslayout
A collection of popular layouts and patterns made with CSS. Now it has 100+ patterns and continues growing!
daterangepicker
JavaScript Date Range, Date and Time Picker Component
emoji-to-scale
Your favorite emojis. To scale.
fconline
Practice React
FullscreenScroll
A fullscreen scroll-based slideshow with a content view powered by GreenSock's Observer plugin.
GlitchPerspective
A fun hover effect that shows a pixelated image with a glitch animation as seen on buōy's website.
gnuboard5
그누보드5 (영카트 포함) 공개형 Git
GooeyCursor
A gooey cursor background effect with SVG filters and CSS blend modes.
html-dom
Common tasks of managing HTML DOM with vanilla JavaScript. Give me 1 ⭐if it’s useful.
ImageToContent
A simple scroll effect and page transition inspired by Vitalii Burhonskyi’s Dribbble shot.
nodebestpractices
:white_check_mark: The Node.js best practices list (July 2023)
nomad-react-for-beginners
Nomad Coders - ReactJS로 영화 웹 서비스 만들기
nwitter
Cloning Twitter with React and Firebase
nwitter-reloaded
Nwitter Reloaded - Vite
OnScrollTypographyAnimations
Inspiration and ideas for on-scroll typography animations that add an extra layer of creativity to a website design.
pretendard
어느 플랫폼에서든 사용할 수 있는 system-ui 대체 글꼴
ScrollAnimationsGrid
Various effects for images when scrolling a page with a grid.
TypeShuffleAnimation
A shuffling type animation based on the effect seen on LCD 1.
upbit-trading-bot
암호화폐 트레이딩 봇 (feat. 업비트)