HTTP/2 200
date: Sat, 26 Jul 2025 04:17:09 GMT
content-type: text/html; charset=utf-8
vary: X-PJAX, X-PJAX-Container, Turbo-Visit, Turbo-Frame, X-Requested-With,Accept-Encoding, Accept, X-Requested-With
etag: W/"c9dfe2519383057aed93369bb581049f"
cache-control: max-age=0, private, must-revalidate
strict-transport-security: max-age=31536000; includeSubdomains; preload
x-frame-options: deny
x-content-type-options: nosniff
x-xss-protection: 0
referrer-policy: origin-when-cross-origin, strict-origin-when-cross-origin
content-security-policy: default-src 'none'; base-uri 'self'; child-src github.githubassets.com github.com/assets-cdn/worker/ github.com/assets/ gist.github.com/assets-cdn/worker/; connect-src 'self' uploads.github.com www.githubstatus.com collector.github.com raw.githubusercontent.com api.github.com github-cloud.s3.amazonaws.com github-production-repository-file-5c1aeb.s3.amazonaws.com github-production-upload-manifest-file-7fdce7.s3.amazonaws.com github-production-user-asset-6210df.s3.amazonaws.com *.rel.tunnels.api.visualstudio.com wss://*.rel.tunnels.api.visualstudio.com objects-origin.githubusercontent.com copilot-proxy.githubusercontent.com proxy.individual.githubcopilot.com proxy.business.githubcopilot.com proxy.enterprise.githubcopilot.com *.actions.githubusercontent.com wss://*.actions.githubusercontent.com productionresultssa0.blob.core.windows.net/ productionresultssa1.blob.core.windows.net/ productionresultssa2.blob.core.windows.net/ productionresultssa3.blob.core.windows.net/ productionresultssa4.blob.core.windows.net/ productionresultssa5.blob.core.windows.net/ productionresultssa6.blob.core.windows.net/ productionresultssa7.blob.core.windows.net/ productionresultssa8.blob.core.windows.net/ productionresultssa9.blob.core.windows.net/ productionresultssa10.blob.core.windows.net/ productionresultssa11.blob.core.windows.net/ productionresultssa12.blob.core.windows.net/ productionresultssa13.blob.core.windows.net/ productionresultssa14.blob.core.windows.net/ productionresultssa15.blob.core.windows.net/ productionresultssa16.blob.core.windows.net/ productionresultssa17.blob.core.windows.net/ productionresultssa18.blob.core.windows.net/ productionresultssa19.blob.core.windows.net/ github-production-repository-image-32fea6.s3.amazonaws.com github-production-release-asset-2e65be.s3.amazonaws.com insights.github.com wss://alive.github.com api.githubcopilot.com api.individual.githubcopilot.com api.business.githubcopilot.com api.enterprise.githubcopilot.com; font-src github.githubassets.com; form-action 'self' github.com gist.github.com copilot-workspace.githubnext.com objects-origin.githubusercontent.com; frame-ancestors 'none'; frame-src viewscreen.githubusercontent.com notebooks.githubusercontent.com; img-src 'self' data: blob: github.githubassets.com media.githubusercontent.com camo.githubusercontent.com identicons.github.com avatars.githubusercontent.com private-avatars.githubusercontent.com github-cloud.s3.amazonaws.com objects.githubusercontent.com release-assets.githubusercontent.com secured-user-images.githubusercontent.com/ user-images.githubusercontent.com/ private-user-images.githubusercontent.com opengraph.githubassets.com copilotprodattachments.blob.core.windows.net/github-production-copilot-attachments/ github-production-user-asset-6210df.s3.amazonaws.com customer-stories-feed.github.com spotlights-feed.github.com objects-origin.githubusercontent.com *.githubusercontent.com; manifest-src 'self'; media-src github.com user-images.githubusercontent.com/ secured-user-images.githubusercontent.com/ private-user-images.githubusercontent.com github-production-user-asset-6210df.s3.amazonaws.com gist.github.com; script-src github.githubassets.com; style-src 'unsafe-inline' github.githubassets.com; upgrade-insecure-requests; worker-src github.githubassets.com github.com/assets-cdn/worker/ github.com/assets/ gist.github.com/assets-cdn/worker/
server: github.com
content-encoding: gzip
accept-ranges: bytes
set-cookie: _gh_sess=5ctUylyAtA7fOI%2FmdBJ7LDBHnidVZ8Y%2BHZ0o8%2BmgaMdw%2BayuDOzMvS2joFgPYyabHWjDNAy%2BMmKJjVVX4TDIMLKG4u%2BxSmd%2BTzZFob8Chu%2BdoFVUyeMn5M8YFpIhTdD0gne0uRhfd%2BKPckkogvhtr26lNQNvAdnhLg2OH0XKreDlg%2BoLRVanbsdxhihzR61aML%2FHBb21yyuqWXIUDkNvQoW8XGltGvT0xkitDuWzxuj8hFjptjQcSmGuLdjl7vdgjbHUDJEnSXjdRB%2FUH8TznQ%3D%3D--GSBIjfkfcf71GA4w--Kd1kKLDLYugzWMs2HOzljw%3D%3D; Path=/; HttpOnly; Secure; SameSite=Lax
set-cookie: _octo=GH1.1.906954247.1753503429; Path=/; Domain=github.com; Expires=Sun, 26 Jul 2026 04:17:09 GMT; Secure; SameSite=Lax
set-cookie: logged_in=no; Path=/; Domain=github.com; Expires=Sun, 26 Jul 2026 04:17:09 GMT; HttpOnly; Secure; SameSite=Lax
x-github-request-id: C65E:363053:151B69:1FAB97:688456C5
Codrops · GitHub
Codrops
Fueling web creativity since 2009.
Popular repositories
Loading
A showcase collection of various page transition effects using CSS animations.
CSS
2.3k
450
Some experimental rain and water drop effects in different scenarios using WebGL, by Lucas Bebber.
JavaScript
1.7k
292
Some inspiration for transition effects for off-canvas navigations.
CSS
1.6k
250
Some inspiration and modern ideas for subtle hover effects.
CSS
1.6k
313
Animated icons powered by the motion graphics library mo.js by Oleg Solomka. Inspiration comes from the Dribbble shot ["Like Animation"](https://dribbble.com/shots/2527200-Like-Animation) by Daryl …
JavaScript
1.5k
176
A little library that can be used for bursting particles effects on buttons and other elements
JavaScript
1.3k
150
Repositories
Showing 10 of 341 repositories
ElasticGridScroll
Public
A scroll effect where each column of a grid moves at a slightly different speed, creating a soft, elastic feel as you scroll.
codrops/ElasticGridScroll’s past year of commit activity
HTML
25
MIT
6
0
0
Updated Jun 3, 2025
codrops/KineticTypePageTransition’s past year of commit activity
JavaScript
106
MIT
34
0
0
Updated May 30, 2025
codrops/coding-challenge-planner’s past year of commit activity
1
MIT
1
0
0
Updated May 12, 2025
codrops/3DCarousel’s past year of commit activity
HTML
28
MIT
6
0
0
Updated May 7, 2025
codrops/RepeatingImageTransition’s past year of commit activity
HTML
9
MIT
5
0
0
Updated May 1, 2025
codrops/SlideshowAnimations’s past year of commit activity
JavaScript
300
MIT
58
1
0
Updated Apr 13, 2025
codrops/CodropsTemplate’s past year of commit activity
CSS
127
MIT
30
0
0
Updated Mar 22, 2025
OneElementScroll
Public
A simple concept of animating one element across different waypoints on scroll using GSAP Flip and ScrollTrigger.
codrops/OneElementScroll’s past year of commit activity
JavaScript
52
MIT
18
2
0
Updated Nov 20, 2024
Staggered3DGridAnimations
Public
A playful concept where we use scroll-based animations to create 3D grid effects and other transitions.
codrops/Staggered3DGridAnimations’s past year of commit activity
HTML
72
MIT
11
0
1
Updated Oct 27, 2024
ContextAwareLogoAnimationScroll
Public
Exploring how fixed elements can hide and reveal based on scroll interactions with playful, context-aware animations.
codrops/ContextAwareLogoAnimationScroll’s past year of commit activity
JavaScript
49
MIT
9
0
0
Updated Oct 9, 2024
Most used topics
Loading…
You can’t perform that action at this time.