NEED A NICE HEADER

DYNAMICALLY RENDERED THROUGH JSON

PENDING INTEGRATION

PENS WAITING TO BE INTEGRATED BY ME BUT NO TIME AVAILABLE ;(

1. Hyperplexed on CodePen
2. GitHub - kevin-powell/css-parallax
3. Progressively Enhanced Curved CSS Gallery
4. Gorgeous animated gradient borders using only CSS
5. Slider with Two Different Sidebars | Swiper
6. 1 element rainbow spinner 2023
7. Ball Chain Reaction - Click!
8. SVG Circle Clock
9. CSS-only scroll-driven text highlights
10. Veggie Knight
11. Circle Text Hover Effect
12. Dropping Radio Buttons
13. Catch That Light!
14. Squishy Switch
15. Transparent Holographic Credit Card
16. Customizable, transforming menu toggle
17. Infinite Scaffolding
18. Soft Dial
19. 3D Carousel with GSAP FLIP
20. Drip Drip Drip
21. Spicy Slider (+ secret level)
22. Gravity button
23. Skeuomorphic Toggle Switch (vol. 2)
24. Icons With Glass and Color Tiles
25. Swirling hamburger menu toggle
26. Realtime Colors: Choose a Color Palette on a Real Website
27. Colorful Theme Switch
28. Dual Picture Accordion Fold (css only)
29. Timesheet Invaders
30. Sparkle Button ✨
31. Expanding Galaxy Brain Button
32. skewed gradient highlighted text
33. Glowing Dropdown
34. Riddle challenge (hover the box!)
35. Falling Words
36. Responsive, Glittery Bank Card
37. 3D Pyramid Generator - CSS + HTML
38. Deep Sea Fractal
39. interactive puppy
40. CSS Ring Text with CSS Trigonometric Functions
41. Infinity Truchets
42. Async UI flows with promises
43. Illuminate Your Mind
44. Scroll Reveal
45. Moving mirrors
46. GSAP codepens 2022
47. Interactive ropes background (Verlet physics algorithm)
48. Smiley Preloader
49. 3D Card Hover
50. Carousel with drag and wheel
51. Andreas Storm button
52. GSAP FLIP image grid modal
53. Scrambling letter effect on hover
54. Futuristic Dial Button ☎
55. Moon/Sun Clip
56. 3D parallax effect on hover
57. Arc Time Slider
58. SVG Grid Pointer Distance
59. Magic Wand Reveal
60. For The Love Of Coffee
61. Cylinder Toggle
62. Face Hop
63. Tabs with Springs
64. Morphing Button
65. Bouncy Star Rating
66. Target Practice
67. Wacky Keyboard | React + GSAP
68. Fancy Digital Clock
69. Fizz (Cats) Buzz (Dogs) Photo Gallery
70. Slider #swiper.js
71. Water Wave Filling Box with Animation - Autoscales
72. Ordered lists
73. Depth scrolling
74. Gooey Toggle Switch
75. Repost Button with CSS Icon Sprite and Filtering
76. Login Form with floating placeholder and light button
77. Voyage Slider | GSAP
78. (Svelte) Range Slider Pips fancy example
79. Merging Letter Toggle
80. Modern Button Styles - 45 CSS Only Buttons
81. Glowing Hover Effect
82. 3D CSS Plane 😎 (Tap to Toggle + Mouse Move Parallax)
83. Cards (gradient border)
84. Hyper Juice
85. SVG Animation
86. Waves are lines
87. Möbius Strip - CSS
88. Abaclock
89. Grid Loader (React)
90. Just about time for lunch...
91. 25 seconds of Confetti
92. CSS Only Shimmer Button
93. Interactive Christmas Tree
94. Glassmorphic Modern Landing page with Squircle Buttons (Responsive)
95. Proximity Glow Cards
96. mechanical starburst
97. A Pen by Paul Slaymaker
98. Christmas Cannon
99. Confirm confetti button
100. Infinite scroll animation
101. Slider transitions
102. Oreo Smash Donuts
103. Sharp & Glowing dark card | Chrome only
104. WebGL liquid masking
105. A Pure CSS 3D Maze!
106. Rocknot
107. Circular Carousel MotionPath - Draggable & Inertia
108. Click Spark
109. Always great grid - CSS grid + :has() + view transitions
110. Bouncy image radio group
111. Wooden Toggles
112. CSS Only Balance Slider 🤯
113. PINK ICE - Game
114. Radios With Sliding Focus
115. CSS scroll-driven scroll-snapping animations
116. Home Theater
117. Toggle Pill
118. Möbius strip 🤝 hacked MeshNormalMaterial (Three.js)
119. Sparkle Motion SVG ✨
120. Responsive GSAP Slider with Button Wave Effect
121. Flight slider - HTML+CSS
122. Gorillas - Plain JavaScript Game with HTML Canvas
123. Arcade Button 👾🕹️ (Pure CSS, Animated)
124. Gradial Cursor
125. current of jellies
126. A Gooey Marquee
127. Silky smooth checkbox toggles with SVG.js
128. Street Name Generator 🛣️
129. Parallax 3D Cards Carousel | swiper.js
130. Shimmer wave text animation
131. Apple Photos icon
132. Seal of gravity
133. Twisting a rectangular sheet in 3D with just CSS
134. Tootsie Pop Toggle
135. "Hack The Gibson" (CSS)
136. Cubic Text
137. Bokeh Background
138. Charming brew
139. Over-Engineered Buttons: Download the Matrix
140. Collapsible :has( ) Gallery | CSS Only
141. Responsive Grid Image Gallery ( Animation )
142. Stippling on Text
143. Seven Rings (#CSS)
144. Color Gradient Feature Table
145. Skating bunny
146. Chill the lion
147. Ink and Water simulation
148. Run bunny run
149. Designer's Eye 👁️ (CSS, SVG:Gooey)
150. SVG-3D-Tag
151. Tabs based on the details tag
152. ParticleFlow
153. 2 cool ways to use :has()
154. Airplanes.
155. Photo Tear
156. On-Scroll Fire Transition (WebGL + GSAP ScrollTrigger)
157. Penrose Granite Triangle Illusion - CSS
158. 3D wave animation
159. Outline-to-Fill Tab Icon Animations
160. eject ʕノ•ᴥ•ʔノ ︵ ┻━┻
161. Impossible Checkbox v2 🐻
162. Infinite Cover Flow w/ GSAP 😎
163. Scroll Driven Portal Layout
164. Code Reveal 🫣
165. CSS Perspective Text
166. Masked SVG Loader
167. make it pop™
168. CPChallenge - Fatal Error
169. Everything Is Sold Out :(
170. 404 Error Room - CSS
171. Error Modal - CSS
172. Snaky Toggle
173. Interactive SVG World Map on Three.js Globe
174. Curious Geckos [A CSS-Only Position Aware Experience!]
175. Honk Variable Font Demo - Morph Animation
176. Pearlification
177. Rock Climbing with GSAP Draggable
178. Tumbling stick (Pure CSS)
179. Interactive Street Lamp - CSS
180. Team section #grid #scss
181. Thank You 500 Followers
182. Infinite Portals
183. Tap the glass 🐡
184. Smooth Scrolly Images
185. Submit Button (Anime.js)
186. Controlled Clock
187. Demo for RevealFx js
188. SVG The Bomb
189. Runaway Button
190. Letterize.js + Anime.js example #2
191. Auto height with animejs
192. 404 error page
193. Layered animations with anime.js
194. SVG sphere animation with anime.js
195. Advanced staggering with anime.js
196. Anime.js Ease Visualizer
197. Frying Pan Preloader
198. Card Mouse Hover Effect
199. Tailwind - Team Profiles rotation with Theme Toggle
200. Letterfall
201. CSS only marquee with slow on hover
202. [Tailwind] Testimonials
203. Poppin' Bears w/ the Popover API [A CSS Game]
204. Doom Scroll - Front End Conf 2024 Demo
205. Parametric Surface
206. Color Embraced
207. AnimeJS Staggered Grid Effect
208. Magical Hover Effect (w/ Tutorial)
209. Magical Text Effect
210. Gradient Hover Card Effect
211. Super Header Slider
212. Intelligent Mouse Trailer
213. Fireworks of inputs
214. Sticky dragable box
215. Parallax Photo Carousel
216. Skateboard Video Platform
217. Animated Tab Bar v.2
218. kevin-powell (kevin-powell) / Repositories · GitHub
219. website creator CodingLab
220. CSS Image Effects
221. css code
222. CSS-Tricks on CodePen
223. Sliding Image Track
224. About Us Pop-Out Effect
225. On OFF Button
226. Card With Inverted Border
227. Patterns
228. Silky smooth svg
229. Css Only Navigation
230. Motion blur js
231. elastic div
232. Share Buttons
233. Share Buttons
234. Share Buttons
235. Share Buttons
236. Light Mode Dark Mode
237. Cube With Sroll
238. Watch Using Spline/Gsap
239. Toadly Text
240. Delivery Truck Loader
241. Pure Css 3D
242. Step Indicator
243. Super Mario Test
244. Ducky Fog - Puzzle game
245. Gooey SVG Filter Button
246. JavaScript Hangman game
247. Snake Game
248. Platform game engine
249. Stack game with Three.js and Cannon.js
250. Tilting Maze game
251. PURE CSS GAME - NO JS
252. Cheap AI Chess!
253. Pure CSS (Sass) Carnival Game
254. Dinosaur Memory Game🦖
255. WordlePractice
256. Cub n Pup - puzzle game demo
257. Pong game with JavaScript
258. Tic Tac Toe game
259. Maze (Grid) - Pure CSS Game - No JS
260. Snake Game - CSS Renderer
261. LOL Copypasta
262. How Fast Can You Scroll?
263. Memory Game
264. Generative Tree Animation
265. It Is All Just a Reflection
266. Animated gradient buttons with GSAP and tsParticles
267. Mask animation css
268. CPC-Maze / Speedy McMousy / 26 Levels
269. three.js Maze Challenge
270. Anxious dots: 250 followers special
271. Warning bar
272. Lotsa Notifications
273. Hi-Tech Notification Button
274. Ring Maze for the CodePen Challenge with ZIM TextureActive for three.js
275. PatternXOR Game
276. Loading bar
277. Colorized faces of instances
278. Newton's balls ring loader
279. Pill Loader - CSS
280. Rube Goldberg HTML form
281. Logo Rebuild
282. CPChallenge - Geometric Puzzles Retro Tetris Simulator
283. The Puzzles
284. Perspective
285. CSS Matrix Board w/ clip-path && mask
286. Convergence
287. touch grass button
288. Animate single img gradient glow border with CSS + SVG filter enhancement
289. Behind The Fold
290. Van Gogh - Van Goghing - Van Gone | CSS + IMG
291. Ephemeral tic tac toe ❌⭕
292. Critter Cannon (Game)
293. IO - Scroll Drive All The Things
294. Colorful Console Logs
295. Scroll to the Abyss
296. Cube Effect Slider | Swiper JS and tsParticles
297. Scroll Driven Portal Layout
298. Slanted grid gallery
299. Sea Glass Clock
300. A beautiful mess (v2b)
301. window scroll monkey
302. Keyboard Hero
303. CSS Music Video - No Images - Pure Code.
304. hug sad bunnies
305. Alternatives to Using Pure Black
306. Kosmos Eye
307. thing
308. range slider hamster
309. dodecicosacron
310. Slider with Scroll Snap Events
311. Snowman Preloader
312. Peas
313. https://uiverse.io/elements
314. Celebrating 500 followers
315. Train Clock 🚂🕒
316. Sphere Packing
317. The CSS geometric loaders
318. elektrik brush
319. Broken Glass Effect (on click, WebGL)
320. "See Oh!"
321. Moon Lamps
322. moon toggle 🌛
323. GSAP Sliding: Penguin Fast Click Game
324. Interactive Christmas Tree (Three.js)
325. moiré strings

YOUTUBE CODE

1. (1037) How To Create A Circular Navigation Bar Using Just HTML And CSS - YouTube
2. (1037) How To Put Video Inside Text Using Pure CSS | No Plugin No Javascript - YouTube
3. (1037) Amazing Animated Neumorphism Buttons Panel | HTML5 CSS3 Tutorial - YouTube
4. (1037) Amazing Info Cards With 3D Effect Using Only HTML And CSS - YouTube
5. (1037) 3D Image Carousel Using Only HTML And CSS - YouTube

ANIMATION LIBRARIES

1. CSS Image Effects
2. CSS Image Effects
3. CSS Image Effects
4. CSS Image Effects
5. css animations
6. CSS Animation Libraries
7. CSS Animation Library