{"__browser":{"device":"unknown_device","mobile":false,"name":"unknown browser","platform":"unknown_platform","version":"0"},"__constants":{},"__CPDATA":{"domain_iframe":"https://cdpn.io","environment":"production","host":"codepen.io","iframe_allow":"accelerometer; ambient-light-sensor; camera; display-capture; encrypted-media; geolocation; gyroscope; microphone; midi; payment; vr","iframe_sandbox":"allow-forms allow-modals allow-pointer-lock allow-popups allow-same-origin allow-scripts allow-top-navigation-by-user-activation allow-downloads allow-presentation"},"__graphql":{"data":{"data":{"sessionUser":{"id":"VoDkNZ","name":"Captain Anonymous","title":"Captain Anonymous","avatar":"https://assets.codepen.io/t-1/user-default-avatar.jpg?format=auto&version=0","currentContext":{"id":"VoDkNZ","title":"Captain Anonymous","name":"Captain Anonymous","avatar":"https://assets.codepen.io/t-1/user-default-avatar.jpg?format=auto&version=0","username":"anon","__typename":"User"},"currentTeamId":null,"username":"anon","admin":false,"anon":true,"pro":false,"verified":false,"teams":[],"__typename":"User"}}},"url":"https://codepen.io/graphql","api":"cprails","cpedata":{"action":"index","controller":"tv"}},"__user":{"anon":true,"base_url":"/anon/","current_team_id":0,"current_team_hashid":null,"hashid":"VoDkNZ","id":1,"itemType":"user","name":"Captain Anonymous","paid":false,"tier":0,"username":"anon","created_at":null,"email_verified":null,"collections_count":0,"collections_private_count":0,"followers_count":0,"followings_count":0,"pens_count":0,"pens_private_count":0,"projects_count":0,"projects_private_count":0},"__firebase":{"config":{"apiKey":"AIzaSyBgLAe7N_MdFpuVofMkcQLGwwhUu5tuxls","authDomain":"codepen-store-production.firebaseapp.com","databaseURL":"https://codepen-store-production.firebaseio.com","disabled":false,"projectId":"codepen-store-production"},"token":"eyJhbGciOiJSUzI1NiJ9.eyJhdWQiOiJodHRwczovL2lkZW50aXR5dG9vbGtpdC5nb29nbGVhcGlzLmNvbS9nb29nbGUuaWRlbnRpdHkuaWRlbnRpdHl0b29sa2l0LnYxLklkZW50aXR5VG9vbGtpdCIsImNsYWltcyI6eyJvd25lcklkIjoiVm9Ea05aIiwiYWRtaW4iOmZhbHNlfSwiZXhwIjoxNjc5NDk0NTI1LCJpYXQiOjE2Nzk0OTA5MjUsImlzcyI6ImZpcmViYXNlLWFkbWluc2RrLThva3lsQGNvZGVwZW4tc3RvcmUtcHJvZHVjdGlvbi5pYW0uZ3NlcnZpY2VhY2NvdW50LmNvbSIsInN1YiI6ImZpcmViYXNlLWFkbWluc2RrLThva3lsQGNvZGVwZW4tc3RvcmUtcHJvZHVjdGlvbi5pYW0uZ3NlcnZpY2VhY2NvdW50LmNvbSIsInVpZCI6IlZvRGtOWiJ9.W7wV_l3yOLIg1yMgpkJOYozf_c79KGxxH63iuH14QNbou2sc_IPbY9oCDEe3RjHIrIlWs2KTPZcYVOlrj2WKK_EokOZzZzBxoPFoNCYqrO_mX_HPZ7YKNoaBeJbgAB7d5eZ3kfKLyuWiYosCMjT5DwOebvm3ccR5hv-ZEXZsDZIqCHVojtzTMpo2OxpGsrRzzsR14B5Y4RgZn6ziUYtCNyjt7Ol0AEcRpLcvAaQhT-p-saP2s-ngtdv4hPysK3R02BrEzvwbm5OJWibnY1CynxC9sq-JUUBIG4HP1-3m4aZyEA3qoA-BL_dGlN4DJ_1Sg0e330vYG8lwJa705MRrfg"},"__pay_stripe_public_key":"pk_live_2GndomDfiklqpSNQn8FrGuwZSMIMzha7DkLJqlYe7IR0ihKAlKdiHg68JJc5eVPt68rzAjzAAVXcUwjySHRCsgjQQ00gtRBUFNH","__pay_braintree_env":"production","__tv_pens":[{"editor_url":"https://codepen.io/iign/pen/DqzNYA","slug_hash":"mploG","title":"Minesweeper","url":"https://cdpn.io/iign/fullembedgrid/DqzNYA","user":{"name":"Nacho Toledo","url":"/iign"}},{"editor_url":"https://codepen.io/vmilo/pen/nOJeVd","slug_hash":"mzEhA","title":"CSS Iris","url":"https://cdpn.io/vmilo/fullembedgrid/nOJeVd","user":{"name":"Milo Vermeulen","url":"/vmilo"}},{"editor_url":"https://codepen.io/samarkandiy/pen/DWbrxR","slug_hash":"JxnCF","title":"Traffic light using CSS","url":"https://cdpn.io/samarkandiy/fullembedgrid/DWbrxR","user":{"name":"Avaz Bokiev","url":"/samarkandiy"}},{"editor_url":"https://codepen.io/mhoumark/pen/DONOaz","slug_hash":"ozBxJ","title":"Cubes","url":"https://cdpn.io/mhoumark/fullembedgrid/DONOaz","user":{"name":"Michael Houmark","url":"/mhoumark"}},{"editor_url":"https://codepen.io/aureliendotpro/pen/nmEoZR","slug_hash":"agshn","title":"Knob rotation","url":"https://cdpn.io/aureliendotpro/fullembedgrid/nmEoZR","user":{"name":"aureliendotpro","url":"/aureliendotpro"}},{"editor_url":"https://codepen.io/kindofone/pen/kaJYmJ","slug_hash":"scuwD","title":"Ball Bouncing On Text","url":"https://cdpn.io/kindofone/fullembedgrid/kaJYmJ","user":{"name":"Yogev Ahuvia","url":"/kindofone"}},{"editor_url":"https://codepen.io/craigcockerill/pen/AgXgPr","slug_hash":"qhdKL","title":"Kinetic Logo","url":"https://cdpn.io/craigcockerill/fullembedgrid/AgXgPr","user":{"name":"Craig Cockerill","url":"/craigcockerill"}},{"editor_url":"https://codepen.io/pixelthing/pen/kNwVJN","slug_hash":"lIiFt","title":"Non-sucky Input field auto-tabbing","url":"https://cdpn.io/pixelthing/fullembedgrid/kNwVJN","user":{"name":"Craig Morey","url":"/pixelthing"}},{"editor_url":"https://codepen.io/ScottPolhemus/pen/DvpYaL","slug_hash":"zwFdv","title":"Image Explosion","url":"https://cdpn.io/ScottPolhemus/fullembedgrid/DvpYaL","user":{"name":"Scott Polhemus","url":"/ScottPolhemus"}},{"editor_url":"https://codepen.io/MyXoToD/pen/DeyrKO","slug_hash":"jKHoh","title":"Holo Webdesign","url":"https://cdpn.io/MyXoToD/fullembedgrid/DeyrKO","user":{"name":"Max","url":"/MyXoToD"}},{"editor_url":"https://codepen.io/natewiley/pen/neMxrm","slug_hash":"uLgEq","title":"In Progress","url":"https://cdpn.io/natewiley/fullembedgrid/neMxrm","user":{"name":"Nate Wiley","url":"/natewiley"}},{"editor_url":"https://codepen.io/aslan11/pen/DyxeBy","slug_hash":"IxLDJ","title":"Hexagonal Loading Animation (CSS3)","url":"https://cdpn.io/aslan11/fullembedgrid/DyxeBy","user":{"name":"Kevin Martin","url":"/aslan11"}},{"editor_url":"https://codepen.io/Konstantinos-infogeek/pen/kQVEKV","slug_hash":"Kacpn","title":"kQVEKV","url":"https://cdpn.io/Konstantinos-infogeek/fullembedgrid/kQVEKV","user":{"name":"Konstantinos Tsatsarounos","url":"/Konstantinos-infogeek"}},{"editor_url":"https://codepen.io/arlekino/pen/nNoQjw","slug_hash":"yaAzH","title":"Yet another inputs","url":"https://cdpn.io/arlekino/fullembedgrid/nNoQjw","user":{"name":"Arlekino","url":"/arlekino"}},{"editor_url":"https://codepen.io/unmeshpro/pen/DWmmmG","slug_hash":"CDboH","title":"More Simple Loaders..","url":"https://cdpn.io/unmeshpro/fullembedgrid/DWmmmG","user":{"name":"Unmesh Shukla","url":"/unmeshpro"}},{"editor_url":"https://codepen.io/kaigth/pen/ngJpGx","slug_hash":"IxobC","title":"Simple float down text paragraph","url":"https://cdpn.io/kaigth/fullembedgrid/ngJpGx","user":{"name":"kaigth","url":"/kaigth"}},{"editor_url":"https://codepen.io/terrymun/pen/nwbyMe","slug_hash":"jeCuv","title":"Animated skewed panes","url":"https://cdpn.io/terrymun/fullembedgrid/nwbyMe","user":{"name":"Terry Mun","url":"/terrymun"}},{"editor_url":"https://codepen.io/orodio/pen/wvwLKd","slug_hash":"CptFL","title":"wvwLKd","url":"https://cdpn.io/orodio/fullembedgrid/wvwLKd","user":{"name":"Jameson Bjorkman","url":"/orodio"}},{"editor_url":"https://codepen.io/StarScream/pen/LYEgQd","slug_hash":"pnBDe","title":"LYEgQd","url":"https://cdpn.io/StarScream/fullembedgrid/LYEgQd","user":{"name":"StarScream","url":"/StarScream"}},{"editor_url":"https://codepen.io/shukla304/pen/wvKPZW","slug_hash":"Fmbly","title":"Login ","url":"https://cdpn.io/shukla304/fullembedgrid/wvKPZW","user":{"name":"vishal shukla","url":"/shukla304"}},{"editor_url":"https://codepen.io/berdejitendra/pen/XWXNmL","slug_hash":"gmqfC","title":"Pixel Whale - One element","url":"https://cdpn.io/berdejitendra/fullembedgrid/XWXNmL","user":{"name":"Jitendra","url":"/berdejitendra"}},{"editor_url":"https://codepen.io/victorpagan/pen/xxVWjL","slug_hash":"oHKEI","title":"Lamp CSS3","url":"https://cdpn.io/victorpagan/fullembedgrid/xxVWjL","user":{"name":"Victor Pagan","url":"/victorpagan"}},{"editor_url":"https://codepen.io/arturkot/pen/wvgGVo","slug_hash":"ApnjL","title":"Inifnite corridor","url":"https://cdpn.io/arturkot/fullembedgrid/wvgGVo","user":{"name":"Artur Kot","url":"/arturkot"}},{"editor_url":"https://codepen.io/hugo/pen/wvJqPx","slug_hash":"qGekz","title":"Sass spinner","url":"https://cdpn.io/hugo/fullembedgrid/wvJqPx","user":{"name":"Hugo Darby-Brown","url":"/hugo"}},{"editor_url":"https://codepen.io/mshwery/pen/Yzxvjx","slug_hash":"BgImL","title":"Chatheads style animations","url":"https://cdpn.io/mshwery/fullembedgrid/Yzxvjx","user":{"name":"Matt Shwery","url":"/mshwery"}},{"editor_url":"https://codepen.io/kinslowdian/pen/MWEXLd","slug_hash":"dphBs","title":"Shadow Play","url":"https://cdpn.io/kinslowdian/fullembedgrid/MWEXLd","user":{"name":"Simon Kinslow","url":"/kinslowdian"}},{"editor_url":"https://codepen.io/felixhornoiu/pen/jOaLMq","slug_hash":"bpHCF","title":"Basic Example of SVG Line Drawing, Backward and Forward","url":"https://cdpn.io/felixhornoiu/fullembedgrid/jOaLMq","user":{"name":"Felix Hornoiu","url":"/felixhornoiu"}},{"editor_url":"https://codepen.io/nakome/pen/abGZQg","slug_hash":"zIKGH","title":"Filter & Filter","url":"https://cdpn.io/nakome/fullembedgrid/abGZQg","user":{"name":"Moncho Varela","url":"/nakome"}},{"editor_url":"https://codepen.io/chug187/pen/Podvye","slug_hash":"GFyvl","title":"Raindrops","url":"https://cdpn.io/chug187/fullembedgrid/Podvye","user":{"name":"Matt Roper","url":"/chug187"}},{"editor_url":"https://codepen.io/Coolok/pen/NWeRpW","slug_hash":"JuqKd","title":"some 3d wave experiment","url":"https://cdpn.io/Coolok/fullembedgrid/NWeRpW","user":{"name":"coolok","url":"/Coolok"}},{"editor_url":"https://codepen.io/rayfranco/pen/jOXwxR","slug_hash":"fgKkp","title":"Chromatic Sphere","url":"https://cdpn.io/rayfranco/fullembedgrid/jOXwxR","user":{"name":"Franco Bouly","url":"/rayfranco"}},{"editor_url":"https://codepen.io/rednosemonkey/pen/MWZOdY","slug_hash":"hFdoK","title":"ball bouncing in cube","url":"https://cdpn.io/rednosemonkey/fullembedgrid/MWZOdY","user":{"name":"Nick Katz","url":"/rednosemonkey"}},{"editor_url":"https://codepen.io/alexdevero/pen/dyLEVe","slug_hash":"zyGEe","title":"Posli layout","url":"https://cdpn.io/alexdevero/fullembedgrid/dyLEVe","user":{"name":"Alex Devero","url":"/alexdevero"}},{"editor_url":"https://codepen.io/alem0lars/pen/bNGzyv","slug_hash":"bNGzyv","title":"Styles manual testing","url":"https://cdpn.io/alem0lars/fullembedgrid/bNGzyv","user":{"name":"Alessandro Molari","url":"/alem0lars"}},{"editor_url":"https://codepen.io/netsi1964/pen/PwwZLw","slug_hash":"PwwZLw","title":"Drawing animated lines in SVG","url":"https://cdpn.io/netsi1964/fullembedgrid/PwwZLw","user":{"name":"Sten Hougaard","url":"/netsi1964"}},{"editor_url":"https://codepen.io/tmrDevelops/pen/WbbqgL","slug_hash":"WbbqgL","title":"Connectics","url":"https://cdpn.io/tmrDevelops/fullembedgrid/WbbqgL","user":{"name":"Tiffany Rayside","url":"/tmrDevelops"}},{"editor_url":"https://codepen.io/arxyz/pen/Pwbbxe","slug_hash":"Pwbbxe","title":"css blur/contrast ","url":"https://cdpn.io/arxyz/fullembedgrid/Pwbbxe","user":{"name":"✨✨P00XF9000✨✨","url":"/arxyz"}},{"editor_url":"https://codepen.io/KonstantinVlasov/pen/wBoYMq","slug_hash":"wBoYMq","title":"i love icons8.com","url":"https://cdpn.io/KonstantinVlasov/fullembedgrid/wBoYMq","user":{"name":"KonstantinVlasov","url":"/KonstantinVlasov"}},{"editor_url":"https://codepen.io/juanbrujo/pen/jEyaKN","slug_hash":"jEyaKN","title":"CSS3 waves animation","url":"https://cdpn.io/juanbrujo/fullembedgrid/jEyaKN","user":{"name":"Jorge Epuñan","url":"/juanbrujo"}},{"editor_url":"https://codepen.io/dimonikys84/pen/QwpLjg","slug_hash":"QwpLjg","title":"QwpLjg","url":"https://cdpn.io/dimonikys84/fullembedgrid/QwpLjg","user":{"name":"Dmitry Gulak","url":"/dimonikys84"}},{"editor_url":"https://codepen.io/digiti/pen/OPpLBj","slug_hash":"OPpLBj","title":"Tron Riders","url":"https://cdpn.io/digiti/fullembedgrid/OPpLBj","user":{"name":"Digiti","url":"/digiti"}},{"editor_url":"https://codepen.io/pmk/pen/yybBOo","slug_hash":"yybBOo","title":"The CSS Arcade Machine","url":"https://cdpn.io/pmk/fullembedgrid/yybBOo","user":{"name":"PMK","url":"/pmk"}},{"editor_url":"https://codepen.io/TheRealAlan/pen/bNrjya","slug_hash":"bNrjya","title":"Terminal Style Loader","url":"https://cdpn.io/TheRealAlan/fullembedgrid/bNrjya","user":{"name":"Alan Crissey","url":"/TheRealAlan"}},{"editor_url":"https://codepen.io/wontem/pen/NPvQJo","slug_hash":"NPvQJo","title":"Experiment with css gradient","url":"https://cdpn.io/wontem/fullembedgrid/NPvQJo","user":{"name":"wontem","url":"/wontem"}},{"editor_url":"https://codepen.io/alexanderkwright/pen/VYdZaO","slug_hash":"VYdZaO","title":"Material Shadows","url":"https://cdpn.io/alexanderkwright/fullembedgrid/VYdZaO","user":{"name":"Alex","url":"/alexanderkwright"}},{"editor_url":"https://codepen.io/virgilpana/pen/JowNpb","slug_hash":"JowNpb","title":"JowNpb","url":"https://cdpn.io/virgilpana/fullembedgrid/JowNpb","user":{"name":"Virgil Pana","url":"/virgilpana"}},{"editor_url":"https://codepen.io/ludwigfriborg/pen/yNNYXO","slug_hash":"yNNYXO","title":"The intro sequence to last week tonight","url":"https://cdpn.io/ludwigfriborg/fullembedgrid/yNNYXO","user":{"name":"Ludwig Friborg","url":"/ludwigfriborg"}},{"editor_url":"https://codepen.io/p5art/pen/JdYpxG","slug_hash":"JdYpxG","title":"paper clips","url":"https://cdpn.io/p5art/fullembedgrid/JdYpxG","user":{"name":"Jerome Herr","url":"/p5art"}},{"editor_url":"https://codepen.io/sol0mka/pen/yNOage","slug_hash":"yNOage","title":"·•● Bubble • Layout ●•·","url":"https://cdpn.io/sol0mka/fullembedgrid/yNOage","user":{"name":"LegoMushroom","url":"/sol0mka"}},{"editor_url":"https://codepen.io/acarva1/pen/pJbOvB","slug_hash":"pJbOvB","title":"Neon Dots","url":"https://cdpn.io/acarva1/fullembedgrid/pJbOvB","user":{"name":"carvadraws","url":"/acarva1"}},{"editor_url":"https://codepen.io/novogrammer/pen/bdqRwb","slug_hash":"bdqRwb","title":"Conway's Game of Life on GPU","url":"https://cdpn.io/novogrammer/fullembedgrid/bdqRwb","user":{"name":"Yusuke Kawamoto","url":"/novogrammer"}},{"editor_url":"https://codepen.io/johan-tirholm/pen/yNbVMZ","slug_hash":"yNbVMZ","title":"Mini car racing","url":"https://cdpn.io/johan-tirholm/fullembedgrid/yNbVMZ","user":{"name":"Johan Tirholm","url":"/johan-tirholm"}},{"editor_url":"https://codepen.io/YakobchukAN/pen/eNRQZY","slug_hash":"eNRQZY","title":"Tour animation","url":"https://cdpn.io/YakobchukAN/fullembedgrid/eNRQZY","user":{"name":"Andrey Yakobchuk","url":"/YakobchukAN"}},{"editor_url":"https://codepen.io/ryandunn/pen/ZGaZyY","slug_hash":"ZGaZyY","title":"Electrical","url":"https://cdpn.io/ryandunn/fullembedgrid/ZGaZyY","user":{"name":"Ryan Dunn","url":"/ryandunn"}},{"editor_url":"https://codepen.io/acarva1/pen/qdpBMd","slug_hash":"qdpBMd","title":"qdpBMd","url":"https://cdpn.io/acarva1/fullembedgrid/qdpBMd","user":{"name":"carvadraws","url":"/acarva1"}},{"editor_url":"https://codepen.io/MAW/pen/doQdxb","slug_hash":"doQdxb","title":"Miracle of Nature","url":"https://cdpn.io/MAW/fullembedgrid/doQdxb","user":{"name":"Diaco M Lotfolahi","url":"/MAW"}},{"editor_url":"https://codepen.io/canhongpoxiao/pen/RPENKx","slug_hash":"RPENKx","title":"RPENKx","url":"https://cdpn.io/canhongpoxiao/fullembedgrid/RPENKx","user":{"name":"canhongpoxiao","url":"/canhongpoxiao"}},{"editor_url":"https://codepen.io/tmrDevelops/pen/oXJdoW","slug_hash":"oXJdoW","title":"Pyramidion","url":"https://cdpn.io/tmrDevelops/fullembedgrid/oXJdoW","user":{"name":"Tiffany Rayside","url":"/tmrDevelops"}},{"editor_url":"https://codepen.io/ChasingUX/pen/aOMvya","slug_hash":"aOMvya","title":"aOMvya","url":"https://cdpn.io/ChasingUX/fullembedgrid/aOMvya","user":{"name":"Jesse","url":"/ChasingUX"}},{"editor_url":"https://codepen.io/shshaw/pen/doLavv","slug_hash":"doLavv","title":"HalfTone.svg (Image to Halftone Conversion via <canvas>)","url":"https://cdpn.io/shshaw/fullembedgrid/doLavv","user":{"name":"Shaw","url":"/shshaw"}},{"editor_url":"https://codepen.io/luigimannoni/pen/bdPVVz","slug_hash":"bdPVVz","title":"WebGL Tunnel","url":"https://cdpn.io/luigimannoni/fullembedgrid/bdPVVz","user":{"name":"Luigi Mannoni","url":"/luigimannoni"}},{"editor_url":"https://codepen.io/rtuyn/pen/bVdeWq","slug_hash":"bVdeWq","title":"Eyes","url":"https://cdpn.io/rtuyn/fullembedgrid/bVdeWq","user":{"name":"Robin","url":"/rtuyn"}},{"editor_url":"https://codepen.io/GiacomoSorbi/pen/OyyzvO","slug_hash":"OyyzvO","title":"Animation Playground MkII","url":"https://cdpn.io/GiacomoSorbi/fullembedgrid/OyyzvO","user":{"name":"Giacomo Sorbi","url":"/GiacomoSorbi"}},{"editor_url":"https://codepen.io/nazarelen/pen/qOOxmj","slug_hash":"qOOxmj","title":"Clouds animation","url":"https://cdpn.io/nazarelen/fullembedgrid/qOOxmj","user":{"name":"Elena Nazarova","url":"/nazarelen"}},{"editor_url":"https://codepen.io/joelunger/pen/PPGjNR","slug_hash":"PPGjNR","title":"JIRA loader","url":"https://cdpn.io/joelunger/fullembedgrid/PPGjNR","user":{"name":"Joel Unger","url":"/joelunger"}},{"editor_url":"https://codepen.io/ARS/pen/ojoqBG","slug_hash":"ojoqBG","title":"Infinity Morph","url":"https://cdpn.io/ARS/fullembedgrid/ojoqBG","user":{"name":"Arsen Zbidniakov","url":"/ARS"}},{"editor_url":"https://codepen.io/AliKlein/pen/epMaLM","slug_hash":"epMaLM","title":"SVG Path Animation","url":"https://cdpn.io/AliKlein/fullembedgrid/epMaLM","user":{"name":"Ali Klein","url":"/AliKlein"}},{"editor_url":"https://codepen.io/FabioG/pen/MaXyga","slug_hash":"MaXyga","title":"CSS Haiku (Blue Lotus flower)","url":"https://cdpn.io/FabioG/fullembedgrid/MaXyga","user":{"name":"Fabio","url":"/FabioG"}},{"editor_url":"https://codepen.io/mostlymatthew/pen/OywvRP","slug_hash":"OywvRP","title":"#Codevember 1: Walking Rainbow SVG","url":"https://cdpn.io/mostlymatthew/fullembedgrid/OywvRP","user":{"name":"Matt Schneider III","url":"/mostlymatthew"}},{"editor_url":"https://codepen.io/t0t/pen/JYBxmO","slug_hash":"JYBxmO","title":"Game","url":"https://cdpn.io/t0t/fullembedgrid/JYBxmO","user":{"name":"Sergio Forés","url":"/t0t"}},{"editor_url":"https://codepen.io/kloo012/pen/pjQPxY","slug_hash":"pjQPxY","title":"Spinning Triangles - GSAP","url":"https://cdpn.io/kloo012/fullembedgrid/pjQPxY","user":{"name":"Kara","url":"/kloo012"}},{"editor_url":"https://codepen.io/lloydwheeler/pen/XmoERm","slug_hash":"XmoERm","title":"Spring Force","url":"https://cdpn.io/lloydwheeler/fullembedgrid/XmoERm","user":{"name":"lloydwheeler","url":"/lloydwheeler"}},{"editor_url":"https://codepen.io/mostlymatthew/pen/JYxZOV","slug_hash":"JYxZOV","title":"#Codevember: Deco Loader","url":"https://cdpn.io/mostlymatthew/fullembedgrid/JYxZOV","user":{"name":"Matt Schneider III","url":"/mostlymatthew"}},{"editor_url":"https://codepen.io/MAW/pen/yYradO","slug_hash":"yYradO","title":"Full-Screen Slider ( GSAP Timeline ) #2","url":"https://cdpn.io/MAW/fullembedgrid/yYradO","user":{"name":"Diaco M Lotfolahi","url":"/MAW"}},{"editor_url":"https://codepen.io/osublake/pen/vNwRdO","slug_hash":"vNwRdO","title":"Awesome Face Benchmark","url":"https://cdpn.io/osublake/fullembedgrid/vNwRdO","user":{"name":"Blake Bowen","url":"/osublake"}},{"editor_url":"https://codepen.io/RobertMulders/pen/WQqYzR","slug_hash":"WQqYzR","title":"Unkown Pleasures","url":"https://cdpn.io/RobertMulders/fullembedgrid/WQqYzR","user":{"name":"Robert","url":"/RobertMulders"}},{"editor_url":"https://codepen.io/cathbailh/pen/GogMGm","slug_hash":"GogMGm","title":"Before::Christmas","url":"https://cdpn.io/cathbailh/fullembedgrid/GogMGm","user":{"name":"Bailh","url":"/cathbailh"}},{"editor_url":"https://codepen.io/rachsmith/pen/dGYWxP","slug_hash":"dGYWxP","title":"happy holidays CodePen fam","url":"https://cdpn.io/rachsmith/fullembedgrid/dGYWxP","user":{"name":"Rachel Smith","url":"/rachsmith"}},{"editor_url":"https://codepen.io/judag/pen/rxjwEz","slug_hash":"rxjwEz","title":"Fish","url":"https://cdpn.io/judag/fullembedgrid/rxjwEz","user":{"name":"Judith Neumann","url":"/judag"}},{"editor_url":"https://codepen.io/jean-philippe/pen/wMrWgJ","slug_hash":"wMrWgJ","title":"wMrWgJ","url":"https://cdpn.io/jean-philippe/fullembedgrid/wMrWgJ","user":{"name":"jean-philippe","url":"/jean-philippe"}},{"editor_url":"https://codepen.io/Zagora/pen/YwEZMr","slug_hash":"YwEZMr","title":"Jelly Circle","url":"https://cdpn.io/Zagora/fullembedgrid/YwEZMr","user":{"name":"Zagora","url":"/Zagora"}},{"editor_url":"https://codepen.io/iconjunkie/pen/vLjGjg","slug_hash":"vLjGjg","title":"Rollin' Along","url":"https://cdpn.io/iconjunkie/fullembedgrid/vLjGjg","user":{"name":"David McFeders","url":"/iconjunkie"}},{"editor_url":"https://codepen.io/www139/pen/yeEzXK","slug_hash":"yeEzXK","title":"CSS square loader","url":"https://cdpn.io/www139/fullembedgrid/yeEzXK","user":{"name":"William Green","url":"/www139"}},{"editor_url":"https://codepen.io/Tetros/pen/MyyOxw","slug_hash":"MyyOxw","title":"RPulse","url":"https://cdpn.io/Tetros/fullembedgrid/MyyOxw","user":{"name":"Tetros","url":"/Tetros"}},{"editor_url":"https://codepen.io/zoerab/pen/VamGdM","slug_hash":"VamGdM","title":"Pac-Man loader","url":"https://cdpn.io/zoerab/fullembedgrid/VamGdM","user":{"name":"Zoerab Tchahkiev","url":"/zoerab"}},{"editor_url":"https://codepen.io/ge1doot/pen/VazEBK/6cd42c9e77e1e6f6859515b455c8f5bd","slug_hash":"VazEBK","title":"the abyss of absence","url":"https://cdpn.io/ge1doot/fullembedgrid/VazEBK/6cd42c9e77e1e6f6859515b455c8f5bd","user":{"name":"Gerard Ferrandez","url":"/ge1doot"}},{"editor_url":"https://codepen.io/julianlengfelder/pen/RaZOKd","slug_hash":"RaZOKd","title":"Pure CSS shapes","url":"https://cdpn.io/julianlengfelder/fullembedgrid/RaZOKd","user":{"name":"Julian Lengfelder","url":"/julianlengfelder"}},{"editor_url":"https://codepen.io/Hornebom/pen/JXrbjx","slug_hash":"JXrbjx","title":"D I S C O B T N","url":"https://cdpn.io/Hornebom/fullembedgrid/JXrbjx","user":{"name":"Hornebom","url":"/Hornebom"}},{"editor_url":"https://codepen.io/sarahetter/pen/VayQaV","slug_hash":"VayQaV","title":"Bee Flight","url":"https://cdpn.io/sarahetter/fullembedgrid/VayQaV","user":{"name":"Sarah Etter","url":"/sarahetter"}},{"editor_url":"https://codepen.io/nuel/pen/yOKNmX","slug_hash":"yOKNmX","title":"Daily UI #012 - Ecommerce Single Item","url":"https://cdpn.io/nuel/fullembedgrid/yOKNmX","user":{"name":"Immanuel Pandiangan","url":"/nuel"}},{"editor_url":"https://codepen.io/oliverholretz/pen/QNxRVP","slug_hash":"QNxRVP","title":"Triangle lines","url":"https://cdpn.io/oliverholretz/fullembedgrid/QNxRVP","user":{"name":"Oliver Holretz","url":"/oliverholretz"}},{"editor_url":"https://codepen.io/vajkri/pen/wGXLRK","slug_hash":"wGXLRK","title":"Subtle attention seeker button","url":"https://cdpn.io/vajkri/fullembedgrid/wGXLRK","user":{"name":"Kriszta","url":"/vajkri"}},{"editor_url":"https://codepen.io/iconjunkie/pen/pyxjwM","slug_hash":"pyxjwM","title":"One Coin One Heart","url":"https://cdpn.io/iconjunkie/fullembedgrid/pyxjwM","user":{"name":"David McFeders","url":"/iconjunkie"}},{"editor_url":"https://codepen.io/suft/pen/MyzaPg","slug_hash":"MyzaPg","title":"Sierpinski Triangle","url":"https://cdpn.io/suft/fullembedgrid/MyzaPg","user":{"name":"Sufien Tout","url":"/suft"}},{"editor_url":"https://codepen.io/findoff/pen/YqRWEQ","slug_hash":"YqRWEQ","title":"Look in my eyes","url":"https://cdpn.io/findoff/fullembedgrid/YqRWEQ","user":{"name":"findoff","url":"/findoff"}},{"editor_url":"https://codepen.io/enxaneta/pen/RavKor","slug_hash":"RavKor","title":"helix wrapped into a torus #2","url":"https://cdpn.io/enxaneta/fullembedgrid/RavKor","user":{"name":"Gabi","url":"/enxaneta"}},{"editor_url":"https://codepen.io/iamturner/pen/GZVoXo","slug_hash":"GZVoXo","title":"CSS Flip Check","url":"https://cdpn.io/iamturner/fullembedgrid/GZVoXo","user":{"name":"Ian Turner","url":"/iamturner"}},{"editor_url":"https://codepen.io/jacobBogers/pen/XKpOqx","slug_hash":"XKpOqx","title":"Game of life Interactive","url":"https://cdpn.io/jacobBogers/fullembedgrid/XKpOqx","user":{"name":"Jacob","url":"/jacobBogers"}},{"editor_url":"https://codepen.io/dicson/pen/qNjRWQ","slug_hash":"qNjRWQ","title":"Cassette","url":"https://cdpn.io/dicson/fullembedgrid/qNjRWQ","user":{"name":"Dicson","url":"/dicson"}},{"editor_url":"https://codepen.io/alidavut/pen/OXzxOO","slug_hash":"OXzxOO","title":"Simple browser terminal view with css","url":"https://cdpn.io/alidavut/fullembedgrid/OXzxOO","user":{"name":"Ali Davut","url":"/alidavut"}},{"editor_url":"https://codepen.io/ben_sterling/pen/VjEvvE","slug_hash":"VjEvvE","title":"Icon to button svg morph","url":"https://cdpn.io/ben_sterling/fullembedgrid/VjEvvE","user":{"name":"Benjamin Sterling","url":"/ben_sterling"}},{"editor_url":"https://codepen.io/iamtyce/pen/MexzOd","slug_hash":"rLRQYg","title":"Animated equalizer","url":"https://cdpn.io/iamtyce/fullembedgrid/MexzOd","user":{"name":"Tyce","url":"/iamtyce"}},{"editor_url":"https://codepen.io/georgehastings/pen/aZexaz","slug_hash":"akZxaz","title":"Emblem - Auto generate circular text","url":"https://cdpn.io/georgehastings/fullembedgrid/aZexaz","user":{"name":"George Hastings","url":"/georgehastings"}},{"editor_url":"https://codepen.io/42EG4M1/pen/XjrYNb","slug_hash":"XjAYNb","title":"Half & Half","url":"https://cdpn.io/42EG4M1/fullembedgrid/XjrYNb","user":{"name":"Tatsuya Azegami","url":"/42EG4M1"}},{"editor_url":"https://codepen.io/gbnikolov/pen/mrBNwX","slug_hash":"mABNwX","title":"\"Code\" Boids","url":"https://cdpn.io/gbnikolov/fullembedgrid/mrBNwX","user":{"name":"Georgi Nikolov","url":"/gbnikolov"}},{"editor_url":"https://codepen.io/TweenSpace/pen/rMpdbq","slug_hash":"ALxyzJ","title":"TweenSpace: Stress Test 05 - Cell Spreading","url":"https://cdpn.io/TweenSpace/fullembedgrid/rMpdbq","user":{"name":"TweenSpace","url":"/TweenSpace"}},{"editor_url":"https://codepen.io/DanielYuschick/pen/mrGmRd","slug_hash":"mAGmRd","title":"Pac Manufacturing Ghost Generator","url":"https://cdpn.io/DanielYuschick/fullembedgrid/mrGmRd","user":{"name":"Daniel Yuschick","url":"/DanielYuschick"}},{"editor_url":"https://codepen.io/eehayman/pen/jVPKpN","slug_hash":"jVPKpN","title":"CSS Variable-Powered Clock","url":"https://cdpn.io/eehayman/fullembedgrid/jVPKpN","user":{"name":"Emily Hayman","url":"/eehayman"}},{"editor_url":"https://codepen.io/Hastalavistababy/pen/gLKmZo","slug_hash":"gLKmZo","title":"Simple mouse wheel animation","url":"https://cdpn.io/Hastalavistababy/fullembedgrid/gLKmZo","user":{"name":"Mogeli lortkipanidze","url":"/Hastalavistababy"}},{"editor_url":"https://codepen.io/judag/pen/bgbaxB","slug_hash":"bgbaxB","title":"Looking to the stars","url":"https://cdpn.io/judag/fullembedgrid/bgbaxB","user":{"name":"Judith Neumann","url":"/judag"}},{"editor_url":"https://codepen.io/cojdev/pen/vgmxmj","slug_hash":"vgmxmj","title":"Low Poly Background Generator","url":"https://cdpn.io/cojdev/fullembedgrid/vgmxmj","user":{"name":"Charles Ojukwu","url":"/cojdev"}},{"editor_url":"https://codepen.io/ichko/pen/OWdNoZ","slug_hash":"OWdNoZ","title":"Pulsating heart","url":"https://cdpn.io/ichko/fullembedgrid/OWdNoZ","user":{"name":"Iliya Zhechev","url":"/ichko"}},{"editor_url":"https://codepen.io/danoszz/pen/xqxpWK","slug_hash":"xqxpWK","title":"VSCO Animated Rainbow Border","url":"https://cdpn.io/danoszz/fullembedgrid/xqxpWK","user":{"name":"Daan","url":"/danoszz"}},{"editor_url":"https://codepen.io/MarioD/pen/ryOodY","slug_hash":"ryOodY","title":"Social Expand","url":"https://cdpn.io/MarioD/fullembedgrid/ryOodY","user":{"name":"Mariusz Dabrowski","url":"/MarioD"}},{"editor_url":"https://codepen.io/gabrielsxp/pen/mWVZeW","slug_hash":"mWVZeW","title":"Trigonometric Pattern","url":"https://cdpn.io/gabrielsxp/fullembedgrid/mWVZeW","user":{"name":"Gabriel Soares","url":"/gabrielsxp"}},{"editor_url":"https://codepen.io/AlexKP/pen/EWbKZE","slug_hash":"EWbKZE","title":"Hi! This is loader!","url":"https://cdpn.io/AlexKP/fullembedgrid/EWbKZE","user":{"name":"Alex","url":"/AlexKP"}},{"editor_url":"https://codepen.io/lmao/pen/yMPdvq","slug_hash":"yMPdvq","title":"Material rotation test","url":"https://cdpn.io/lmao/fullembedgrid/yMPdvq","user":{"name":"Moox","url":"/lmao"}},{"editor_url":"https://codepen.io/mikemang/pen/JWwbxm","slug_hash":"JWwbxm","title":"Codepen Editor | SVG Example #3","url":"https://cdpn.io/mikemang/fullembedgrid/JWwbxm","user":{"name":"Mike Mangialardi","url":"/mikemang"}},{"editor_url":"https://codepen.io/easwee/pen/jBdymw","slug_hash":"jBdymw","title":"Some spinning dots","url":"https://cdpn.io/easwee/fullembedgrid/jBdymw","user":{"name":"Anej Gorkič","url":"/easwee"}},{"editor_url":"https://codepen.io/ivanodintsov/pen/peYVeK","slug_hash":"peYVeK","title":"Drone","url":"https://cdpn.io/ivanodintsov/fullembedgrid/peYVeK","user":{"name":"Ivan Odyntsov","url":"/ivanodintsov"}},{"editor_url":"https://codepen.io/heejongahn/pen/GWbxBY","slug_hash":"GWbxBY","title":"FB-like shimmering placeholder","url":"https://cdpn.io/heejongahn/fullembedgrid/GWbxBY","user":{"name":"Ahn Heejong","url":"/heejongahn"}},{"editor_url":"https://codepen.io/willdonohoe/pen/MmWZyN","slug_hash":"MmWZyN","title":"Sohn - Rennen animated album art","url":"https://cdpn.io/willdonohoe/fullembedgrid/MmWZyN","user":{"name":"Will Donohoe","url":"/willdonohoe"}},{"editor_url":"https://codepen.io/cobra_winfrey/pen/ZKYEvm","slug_hash":"ZKYEvm","title":"Pixel Totoro","url":"https://cdpn.io/cobra_winfrey/fullembedgrid/ZKYEvm","user":{"name":"Adam Kuhn","url":"/cobra_winfrey"}},{"editor_url":"https://codepen.io/PicturElements/pen/oWXxdy","slug_hash":"oWXxdy","title":"oWXxdy","url":"https://cdpn.io/PicturElements/fullembedgrid/oWXxdy","user":{"name":"PicturElements","url":"/PicturElements"}},{"editor_url":"https://codepen.io/loolychicken/pen/LyVqjO","slug_hash":"LyVqjO","title":"Kites","url":"https://cdpn.io/loolychicken/fullembedgrid/LyVqjO","user":{"name":"LoolyChicken","url":"/loolychicken"}},{"editor_url":"https://codepen.io/noxabellus/pen/JNYPMy","slug_hash":"JNYPMy","title":"matrix planet","url":"https://cdpn.io/noxabellus/fullembedgrid/JNYPMy","user":{"name":"Danie Clawson","url":"/noxabellus"}},{"editor_url":"https://codepen.io/learosema/pen/MmeXyX","slug_hash":"MmeXyX","title":"Generative random art","url":"https://cdpn.io/learosema/fullembedgrid/MmeXyX","user":{"name":"Lea Rosema","url":"/learosema"}},{"editor_url":"https://codepen.io/dudleystorey/pen/dWJdWb","slug_hash":"dWJdWb","title":"Side-Slide Image Gallery with clipPath and Web Animations API","url":"https://cdpn.io/dudleystorey/fullembedgrid/dWJdWb","user":{"name":"Dudley Storey","url":"/dudleystorey"}},{"editor_url":"https://codepen.io/dariocorsi/pen/PmBQqe","slug_hash":"PmBQqe","title":"Pure CSS Bobbing Ducko","url":"https://cdpn.io/dariocorsi/fullembedgrid/PmBQqe","user":{"name":"Dario Corsi","url":"/dariocorsi"}},{"editor_url":"https://codepen.io/gmoyer/pen/LyMmQJ","slug_hash":"LyMmQJ","title":"Town of followers","url":"https://cdpn.io/gmoyer/fullembedgrid/LyMmQJ","user":{"name":"Griffin Moyer","url":"/gmoyer"}},{"editor_url":"https://codepen.io/waaark/pen/VbgwEM","slug_hash":"VbgwEM","title":"Liquid button","url":"https://cdpn.io/waaark/fullembedgrid/VbgwEM","user":{"name":"Waaark","url":"/waaark"}},{"editor_url":"https://codepen.io/enxaneta/pen/MmMGdd","slug_hash":"MmMGdd","title":"Lanzar la pelota con efectos audio","url":"https://cdpn.io/enxaneta/fullembedgrid/MmMGdd","user":{"name":"Gabi","url":"/enxaneta"}},{"editor_url":"https://codepen.io/mattrothenberg/pen/MoWBze","slug_hash":"MoWBze","title":"Beesandbombs/davidope Inspired Three.js Animation","url":"https://cdpn.io/mattrothenberg/fullembedgrid/MoWBze","user":{"name":"Matt Rothenberg","url":"/mattrothenberg"}},{"editor_url":"https://codepen.io/kylestetz/pen/WORGjo","slug_hash":"WORGjo","title":"Kaleidoscope Doodler","url":"https://cdpn.io/kylestetz/fullembedgrid/WORGjo","user":{"name":"Kyle Stetz","url":"/kylestetz"}},{"editor_url":"https://codepen.io/FabioG/pen/awWRPx","slug_hash":"awWRPx","title":"Unstable mercury reacting to magnets on wood ( Wait for the explosion!! :D )","url":"https://cdpn.io/FabioG/fullembedgrid/awWRPx","user":{"name":"Fabio","url":"/FabioG"}},{"editor_url":"https://codepen.io/jscottsmith/pen/eREbwz","slug_hash":"eREbwz","title":"React Scroll Parallax","url":"https://cdpn.io/jscottsmith/fullembedgrid/eREbwz","user":{"name":"J Scott Smith","url":"/jscottsmith"}},{"editor_url":"https://codepen.io/rhgeek/pen/bRYJXx","slug_hash":"bRYJXx","title":"Podcast Animation","url":"https://cdpn.io/rhgeek/fullembedgrid/bRYJXx","user":{"name":"John Niedzwiecki","url":"/rhgeek"}},{"editor_url":"https://codepen.io/pizza3/pen/NgXowe","slug_hash":"NgXowe","title":"Image Transition On Scroll(GSAP)","url":"https://cdpn.io/pizza3/fullembedgrid/NgXowe","user":{"name":"Yugam","url":"/pizza3"}},{"editor_url":"https://codepen.io/alexandrix/pen/QgmZba","slug_hash":"QgmZba","title":"The electric clock","url":"https://cdpn.io/alexandrix/fullembedgrid/QgmZba","user":{"name":"Alex Andrix","url":"/alexandrix"}},{"editor_url":"https://codepen.io/MisterKeefe/pen/jwvwEG","slug_hash":"jwvwEG","title":"Pinwheel Generator","url":"https://cdpn.io/MisterKeefe/fullembedgrid/jwvwEG","user":{"name":"Tom","url":"/MisterKeefe"}},{"editor_url":"https://codepen.io/fakeplasticpaul/pen/jwdorp","slug_hash":"jwdorp","title":"Final fantasy pairs cardgame","url":"https://cdpn.io/fakeplasticpaul/fullembedgrid/jwdorp","user":{"name":"Paul Rudge","url":"/fakeplasticpaul"}},{"editor_url":"https://codepen.io/jak_e/pen/yXWayY","slug_hash":"yXWayY","title":"Some Noise","url":"https://cdpn.io/jak_e/fullembedgrid/yXWayY","user":{"name":"jake","url":"/jak_e"}},{"editor_url":"https://codepen.io/natacoops/pen/wqMjzv","slug_hash":"wqMjzv","title":"Creative Coding Club - Member Stats","url":"https://cdpn.io/natacoops/fullembedgrid/wqMjzv","user":{"name":"Nat Cooper","url":"/natacoops"}},{"editor_url":"https://codepen.io/lukemeyrick/pen/GvoLpz","slug_hash":"GvoLpz","title":"Minimal Film Poster: LOTR","url":"https://cdpn.io/lukemeyrick/fullembedgrid/GvoLpz","user":{"name":"Luke Meyrick","url":"/lukemeyrick"}},{"editor_url":"https://codepen.io/supah/pen/mMMdxG","slug_hash":"mMMdxG","title":"The floor is lava!","url":"https://cdpn.io/supah/fullembedgrid/mMMdxG","user":{"name":"Fabio Ottaviani","url":"/supah"}},{"editor_url":"https://codepen.io/ebrewe/pen/gxobvQ","slug_hash":"gxobvQ","title":"it's time for css","url":"https://cdpn.io/ebrewe/fullembedgrid/gxobvQ","user":{"name":"Eric Brewer","url":"/ebrewe"}},{"editor_url":"https://codepen.io/TiagoCardoso73/pen/MvdVEb","slug_hash":"MvdVEb","title":"Animation Day","url":"https://cdpn.io/TiagoCardoso73/fullembedgrid/MvdVEb","user":{"name":"Tiago S. Cardoso","url":"/TiagoCardoso73"}},{"editor_url":"https://codepen.io/SamuelJanes/pen/rzXQbW","slug_hash":"rzXQbW","title":"DailyUI.v2 #012 Ecommerce Item Shop","url":"https://cdpn.io/SamuelJanes/fullembedgrid/rzXQbW","user":{"name":"Samuel Janes","url":"/SamuelJanes"}},{"editor_url":"https://codepen.io/learosema/pen/XebXZX","slug_hash":"XebXZX","title":"Colorful rectangles xoring each other","url":"https://cdpn.io/learosema/fullembedgrid/XebXZX","user":{"name":"Lea Rosema","url":"/learosema"}},{"editor_url":"https://codepen.io/sdras/pen/mBwQmd","slug_hash":"mBwQmd","title":"Lightning","url":"https://cdpn.io/sdras/fullembedgrid/mBwQmd","user":{"name":"Sarah Drasner","url":"/sdras"}},{"editor_url":"https://codepen.io/zachernuk/pen/EwXJYJ","slug_hash":"EwXJYJ","title":"Procedural Newton's Cradle","url":"https://cdpn.io/zachernuk/fullembedgrid/EwXJYJ","user":{"name":"Brandel Zachernuk","url":"/zachernuk"}},{"editor_url":"https://codepen.io/alexandrejosephdev/pen/ZabjyN","slug_hash":"ZabjyN","title":"#Codevember - Day 2 - Shiny Cake ","url":"https://cdpn.io/alexandrejosephdev/fullembedgrid/ZabjyN","user":{"name":"alexandrejosephdev","url":"/alexandrejosephdev"}},{"editor_url":"https://codepen.io/AlexKP/pen/EbPKaQ","slug_hash":"EbPKaQ","title":"Animated page header","url":"https://cdpn.io/AlexKP/fullembedgrid/EbPKaQ","user":{"name":"Alex","url":"/AlexKP"}},{"editor_url":"https://codepen.io/KeishaSPerkins/pen/RjrxNx","slug_hash":"RjrxNx","title":"Password Generator- Codevember 2017 No. 2","url":"https://cdpn.io/KeishaSPerkins/fullembedgrid/RjrxNx","user":{"name":"Keisha","url":"/KeishaSPerkins"}},{"editor_url":"https://codepen.io/tdullah/pen/mqOjXY","slug_hash":"mqOjXY","title":"Sailor Moon Rod","url":"https://cdpn.io/tdullah/fullembedgrid/mqOjXY","user":{"name":"Abdullah Clute","url":"/tdullah"}},{"editor_url":"https://codepen.io/RominaMartin/pen/aVYyKx","slug_hash":"aVYyKx","title":"Codevember #21 - Fight","url":"https://cdpn.io/RominaMartin/fullembedgrid/aVYyKx","user":{"name":"Romina","url":"/RominaMartin"}},{"editor_url":"https://codepen.io/team/codepen/pen/OOqxOZ","slug_hash":"OOqxOZ","title":"The CodePen Spark #53: Fine Art, Goo, and 3December","url":"https://cdpn.io/team/codepen/fullembedgrid/OOqxOZ","user":{"name":"CodePen","url":"/team/codepen"}},{"editor_url":"https://codepen.io/killroy/pen/jYvGjR","slug_hash":"jYvGjR","title":"WebGL Game of Life","url":"https://cdpn.io/killroy/fullembedgrid/jYvGjR","user":{"name":"Sven Neumann","url":"/killroy"}},{"editor_url":"https://codepen.io/ainalem/pen/baZyVy","slug_hash":"baZyVy","title":"Dali's mustache","url":"https://cdpn.io/ainalem/fullembedgrid/baZyVy","user":{"name":"Mikael Ainalem","url":"/ainalem"}},{"editor_url":"https://codepen.io/shubniggurath/pen/QQMaqZ","slug_hash":"QQMaqZ","title":"GLSL: Sausage Factory","url":"https://cdpn.io/shubniggurath/fullembedgrid/QQMaqZ","user":{"name":"Liam Egan","url":"/shubniggurath"}},{"editor_url":"https://codepen.io/thebabydino/pen/bLoMZK","slug_hash":"bLoMZK","title":"spinner 18.02","url":"https://cdpn.io/thebabydino/fullembedgrid/bLoMZK","user":{"name":"Ana Tudor","url":"/thebabydino"}},{"editor_url":"https://codepen.io/draber/pen/XZVEVM","slug_hash":"XZVEVM","title":"Breadcrumb with arrow shaped links","url":"https://cdpn.io/draber/fullembedgrid/XZVEVM","user":{"name":"Dieter Raber","url":"/draber"}},{"editor_url":"https://codepen.io/ge1doot/pen/MQqvQM/b75016f8da01c16897215185d5063871","slug_hash":"MQqvQM","title":"The Fabric of Reality","url":"https://cdpn.io/ge1doot/fullembedgrid/MQqvQM/b75016f8da01c16897215185d5063871","user":{"name":"Gerard Ferrandez","url":"/ge1doot"}},{"editor_url":"https://codepen.io/desandro/pen/RQeYYp","slug_hash":"RQeYYp","title":"Zdog - Celeste snowglobe","url":"https://cdpn.io/desandro/fullembedgrid/RQeYYp","user":{"name":"Dave DeSandro","url":"/desandro"}},{"editor_url":"https://codepen.io/Manoylov/pen/PQvoge","slug_hash":"PQvoge","title":"Snake Brush","url":"https://cdpn.io/Manoylov/fullembedgrid/PQvoge","user":{"name":"AndyMan","url":"/Manoylov"}},{"editor_url":"https://codepen.io/skielbasa/pen/aYomZg","slug_hash":"aYomZg","title":"Breaking Press Break Animation","url":"https://cdpn.io/skielbasa/fullembedgrid/aYomZg","user":{"name":"Stefanie Kielbasa","url":"/skielbasa"}},{"editor_url":"https://codepen.io/sjcobb/pen/aYrgKW","slug_hash":"aYrgKW","title":"Donkey Kong CodePen Challenge: IT'S RAINING BARRELS","url":"https://cdpn.io/sjcobb/fullembedgrid/aYrgKW","user":{"name":"Steven Cobb","url":"/sjcobb"}},{"editor_url":"https://codepen.io/Starglider/pen/WJbPVx","slug_hash":"WJbPVx","title":"PaperBoy 2097","url":"https://cdpn.io/Starglider/fullembedgrid/WJbPVx","user":{"name":"Bitmap","url":"/Starglider"}},{"editor_url":"https://codepen.io/ainalem/pen/LmGBBB","slug_hash":"LmGBBB","title":"Polar bear blend","url":"https://cdpn.io/ainalem/fullembedgrid/LmGBBB","user":{"name":"Mikael Ainalem","url":"/ainalem"}},{"editor_url":"https://codepen.io/vcomics/pen/LmWWgL","slug_hash":"LmWWgL","title":"Capsula","url":"https://cdpn.io/vcomics/fullembedgrid/LmWWgL","user":{"name":"Victor Vergara","url":"/vcomics"}},{"editor_url":"https://codepen.io/arcsin/pen/VxGzGv","slug_hash":"VxGzGv","title":"Easter island v2","url":"https://cdpn.io/arcsin/fullembedgrid/VxGzGv","user":{"name":"Sebastian","url":"/arcsin"}},{"editor_url":"https://codepen.io/cassie-codes/pen/jKaVqo","slug_hash":"jKaVqo","title":"Shy blob - face detection - shapes API","url":"https://cdpn.io/cassie-codes/fullembedgrid/jKaVqo","user":{"name":"Cassie Evans","url":"/cassie-codes"}},{"editor_url":"https://codepen.io/ZaynAlaoudi/pen/yEQBbN","slug_hash":"yEQBbN","title":"flexbox cards","url":"https://cdpn.io/ZaynAlaoudi/fullembedgrid/yEQBbN","user":{"name":"Zayn","url":"/ZaynAlaoudi"}},{"editor_url":"https://codepen.io/pbutcher/pen/gKqKdv","slug_hash":"gKqKdv","title":"Slideshow Concept (No JS)","url":"https://cdpn.io/pbutcher/fullembedgrid/gKqKdv","user":{"name":"Peter Butcher","url":"/pbutcher"}},{"editor_url":"https://codepen.io/ZaynAlaoudi/pen/RBKXqV","slug_hash":"RBKXqV","title":"Enabling submit button ","url":"https://cdpn.io/ZaynAlaoudi/fullembedgrid/RBKXqV","user":{"name":"Zayn","url":"/ZaynAlaoudi"}},{"editor_url":"https://codepen.io/fontself/pen/rrdqrW","slug_hash":"rrdqrW","title":"Gilbert Spiral 4:3","url":"https://cdpn.io/fontself/fullembedgrid/rrdqrW","user":{"name":"fontself","url":"/fontself"}},{"editor_url":"https://codepen.io/YusukeNakaya/pen/NBmXeM","slug_hash":"NBmXeM","title":"Only CSS: Water Star","url":"https://cdpn.io/YusukeNakaya/fullembedgrid/NBmXeM","user":{"name":"Yusuke Nakaya","url":"/YusukeNakaya"}},{"editor_url":"https://codepen.io/nitishkmrk/pen/xaEKLK","slug_hash":"xaEKLK","title":"Looper in HTML5 Canvas","url":"https://cdpn.io/nitishkmrk/fullembedgrid/xaEKLK","user":{"name":"Nitish Khagwal","url":"/nitishkmrk"}},{"editor_url":"https://codepen.io/kudchikarsk/pen/GYKmdd","slug_hash":"GYKmdd","title":"Tetris","url":"https://cdpn.io/kudchikarsk/fullembedgrid/GYKmdd","user":{"name":"Shadman Kudchikar","url":"/kudchikarsk"}},{"editor_url":"https://codepen.io/team/keyframers/pen/BqmMjG","slug_hash":"BqmMjG","title":"📝 Form Flow | @keyframers 1.24.0","url":"https://cdpn.io/team/keyframers/fullembedgrid/BqmMjG","user":{"name":"@keyframers","url":"/team/keyframers"}},{"editor_url":"https://codepen.io/aaroniker/pen/BqrRvO","slug_hash":"BqrRvO","title":"Tab bar active animation","url":"https://cdpn.io/aaroniker/fullembedgrid/BqrRvO","user":{"name":"Aaron Iker","url":"/aaroniker"}},{"editor_url":"https://codepen.io/andyNroses/pen/XxqoNe","slug_hash":"XxqoNe","title":"Instagram Skeleton Screen (React) - Hover to toggle!","url":"https://cdpn.io/andyNroses/fullembedgrid/XxqoNe","user":{"name":"Andy Pagès","url":"/andyNroses"}},{"editor_url":"https://codepen.io/ReGGae/pen/QZxdVX","slug_hash":"QZxdVX","title":"Horizontal scroll, drag, transition, bounce","url":"https://cdpn.io/ReGGae/fullembedgrid/QZxdVX","user":{"name":"jesper landberg","url":"/ReGGae"}},{"editor_url":"https://codepen.io/eyesight/pen/KGEebY","slug_hash":"KGEebY","title":"#04animation: send button transforms into birds","url":"https://cdpn.io/eyesight/fullembedgrid/KGEebY","user":{"name":"Claudia","url":"/eyesight"}},{"editor_url":"https://codepen.io/Stockin/pen/aQoQGr","slug_hash":"aQoQGr","title":"CSS Only - Social Icons - Hover Effect","url":"https://cdpn.io/Stockin/fullembedgrid/aQoQGr","user":{"name":"Stockin","url":"/Stockin"}},{"editor_url":"https://codepen.io/akshaycodes/pen/OaXJgZ","slug_hash":"OaXJgZ","title":"Domino preloader","url":"https://cdpn.io/akshaycodes/fullembedgrid/OaXJgZ","user":{"name":"Akshay ","url":"/akshaycodes"}},{"editor_url":"https://codepen.io/marinapetrova/pen/wQJRpp","slug_hash":"wQJRpp","title":"#codevember — 14 — coffee","url":"https://cdpn.io/marinapetrova/fullembedgrid/wQJRpp","user":{"name":"Marina Petrova","url":"/marinapetrova"}},{"editor_url":"https://codepen.io/nikitahl/pen/QJgOVy","slug_hash":"QJgOVy","title":"🐼 Pixel art panda ❤️ #codepenchallenge #cpc-pandas","url":"https://cdpn.io/nikitahl/fullembedgrid/QJgOVy","user":{"name":"Nikita Hlopov","url":"/nikitahl"}},{"editor_url":"https://codepen.io/RominaMartin/pen/bQrQNm","slug_hash":"bQrQNm","title":"Codevember #17 - Crown","url":"https://cdpn.io/RominaMartin/fullembedgrid/bQrQNm","user":{"name":"Romina","url":"/RominaMartin"}},{"editor_url":"https://codepen.io/finnhvman/pen/BGmygj","slug_hash":"BGmygj","title":"DECONSTRUCTED","url":"https://cdpn.io/finnhvman/fullembedgrid/BGmygj","user":{"name":"Bence Szabo","url":"/finnhvman"}},{"editor_url":"https://codepen.io/candroo/pen/vQzrWy","slug_hash":"vQzrWy","title":"Card grid, hover effect & 3d maps","url":"https://cdpn.io/candroo/fullembedgrid/vQzrWy","user":{"name":"Andrew Canham","url":"/candroo"}},{"editor_url":"https://codepen.io/Craaftx/pen/JwEqwQ","slug_hash":"JwEqwQ","title":"CPC - Fireplace","url":"https://cdpn.io/Craaftx/fullembedgrid/JwEqwQ","user":{"name":"Guilmain Dorian","url":"/Craaftx"}},{"editor_url":"https://codepen.io/zerospree/pen/rowBGz","slug_hash":"rowBGz","title":"Merry Christmas CodePen!","url":"https://cdpn.io/zerospree/fullembedgrid/rowBGz","user":{"name":"Codrin Pavel","url":"/zerospree"}},{"editor_url":"https://codepen.io/ycw/pen/jXJyPe","slug_hash":"jXJyPe","title":"Dissolve","url":"https://cdpn.io/ycw/fullembedgrid/jXJyPe","user":{"name":"ycw","url":"/ycw"}},{"editor_url":"https://codepen.io/markmiscavage/pen/XOZwBj","slug_hash":"XOZwBj","title":"Line Wave Rainbow Animation","url":"https://cdpn.io/markmiscavage/fullembedgrid/XOZwBj","user":{"name":"Mark","url":"/markmiscavage"}},{"editor_url":"https://codepen.io/riazxrazor/pen/omOqPM","slug_hash":"omOqPM","title":"Amoebic","url":"https://cdpn.io/riazxrazor/fullembedgrid/omOqPM","user":{"name":"Riaz Laskar","url":"/riazxrazor"}},{"editor_url":"https://codepen.io/eliCrow/pen/MLdddR","slug_hash":"MLdddR","title":"Dragging Along a Path","url":"https://cdpn.io/eliCrow/fullembedgrid/MLdddR","user":{"name":"Eli Crow","url":"/eliCrow"}},{"editor_url":"https://codepen.io/aduboisforge/pen/oVbZMv","slug_hash":"oVbZMv","title":"Time- polygon Clock","url":"https://cdpn.io/aduboisforge/fullembedgrid/oVbZMv","user":{"name":"Amy Dubois","url":"/aduboisforge"}},{"editor_url":"https://codepen.io/owlypixel/pen/aMwRzz","slug_hash":"aMwRzz","title":"A Quiet Place - Volume Controlled Animation","url":"https://cdpn.io/owlypixel/fullembedgrid/aMwRzz","user":{"name":"Owlypixel","url":"/owlypixel"}},{"editor_url":"https://codepen.io/e2de/pen/VNKyQY","slug_hash":"VNKyQY","title":"cherry!!","url":"https://cdpn.io/e2de/fullembedgrid/VNKyQY","user":{"name":"dsc","url":"/e2de"}},{"editor_url":"https://codepen.io/juanignaciorios/pen/qwXydL","slug_hash":"qwXydL","title":"100 years of Bauhaus","url":"https://cdpn.io/juanignaciorios/fullembedgrid/qwXydL","user":{"name":"Juan Ignacio","url":"/juanignaciorios"}},{"editor_url":"https://codepen.io/Coding_Journey/pen/yWjWKd","slug_hash":"yWjWKd","title":"Marquee-like Content Scrolling","url":"https://cdpn.io/Coding_Journey/fullembedgrid/yWjWKd","user":{"name":"Coding Journey","url":"/Coding_Journey"}},{"editor_url":"https://codepen.io/onion2k/pen/BeGmBp","slug_hash":"BeGmBp","title":"Cell","url":"https://cdpn.io/onion2k/fullembedgrid/BeGmBp","user":{"name":"Chris Neale","url":"/onion2k"}},{"editor_url":"https://codepen.io/twelve13/pen/LKzjVM","slug_hash":"LKzjVM","title":"babycakes (pure css)","url":"https://cdpn.io/twelve13/fullembedgrid/LKzjVM","user":{"name":"caroline","url":"/twelve13"}},{"editor_url":"https://codepen.io/zimjs/pen/zVRxdd","slug_hash":"zVRxdd","title":"Tiled Wave - made easy with ZIM","url":"https://cdpn.io/zimjs/fullembedgrid/zVRxdd","user":{"name":"ZIM","url":"/zimjs"}},{"editor_url":"https://codepen.io/threadkind/pen/YoaOra","slug_hash":"YoaOra","title":"Star Wars API","url":"https://cdpn.io/threadkind/fullembedgrid/YoaOra","user":{"name":"Amy","url":"/threadkind"}},{"editor_url":"https://codepen.io/niallains/pen/LYPzbVv","slug_hash":"LYPzbVv","title":"CPC - TinyPainter","url":"https://cdpn.io/niallains/fullembedgrid/LYPzbVv","user":{"name":"Niall","url":"/niallains"}},{"editor_url":"https://codepen.io/vlemoine/pen/xxKYPav","slug_hash":"xxKYPav","title":"🐙","url":"https://cdpn.io/vlemoine/fullembedgrid/xxKYPav","user":{"name":"vivien","url":"/vlemoine"}},{"editor_url":"https://codepen.io/shubniggurath/pen/PoYdMvZ","slug_hash":"PoYdMvZ","title":"Codepen Challenge - B&W&A","url":"https://cdpn.io/shubniggurath/fullembedgrid/PoYdMvZ","user":{"name":"Liam Egan","url":"/shubniggurath"}},{"editor_url":"https://codepen.io/LIMESTA/pen/KKPbvpL","slug_hash":"KKPbvpL","title":"InfoCard CSS Only V1","url":"https://cdpn.io/LIMESTA/fullembedgrid/KKPbvpL","user":{"name":"Emil Alicic","url":"/LIMESTA"}},{"editor_url":"https://codepen.io/halvves/pen/ExxKXoQ","slug_hash":"ExxKXoQ","title":"Inktober 06 - Connect","url":"https://cdpn.io/halvves/fullembedgrid/ExxKXoQ","user":{"name":"halvves","url":"/halvves"}},{"editor_url":"https://codepen.io/zadvorsky/pen/ZEEOGXg","slug_hash":"ZEEOGXg","title":"GSAP 3 demo - Cubes","url":"https://cdpn.io/zadvorsky/fullembedgrid/ZEEOGXg","user":{"name":"Szenia Zadvornykh","url":"/zadvorsky"}},{"editor_url":"https://codepen.io/sdras/pen/YzzpVMp","slug_hash":"YzzpVMp","title":"Farting Rhino","url":"https://cdpn.io/sdras/fullembedgrid/YzzpVMp","user":{"name":"Sarah Drasner","url":"/sdras"}},{"editor_url":"https://codepen.io/halvves/pen/dyyvrxN","slug_hash":"dyyvrxN","title":"👻 Spooky 👻","url":"https://cdpn.io/halvves/fullembedgrid/dyyvrxN","user":{"name":"halvves","url":"/halvves"}},{"editor_url":"https://codepen.io/32teeth/pen/bGGMxyb","slug_hash":"bGGMxyb","title":"HUD Gamepad","url":"https://cdpn.io/32teeth/fullembedgrid/bGGMxyb","user":{"name":"Eugene Andruszczenko","url":"/32teeth"}},{"editor_url":"https://codepen.io/webrocker/pen/dyyQvRx","slug_hash":"dyyQvRx","title":"Web Layers Of Pace","url":"https://cdpn.io/webrocker/fullembedgrid/dyyQvRx","user":{"name":"Tom","url":"/webrocker"}},{"editor_url":"https://codepen.io/timwf/pen/BayoEpE","slug_hash":"BayoEpE","title":"Barber Shop Pure CSS","url":"https://cdpn.io/timwf/fullembedgrid/BayoEpE","user":{"name":"Timothy Williams-Fowler","url":"/timwf"}},{"editor_url":"https://codepen.io/rperry1886/pen/WNbodNO","slug_hash":"WNbodNO","title":"Eggs - No looking!","url":"https://cdpn.io/rperry1886/fullembedgrid/WNbodNO","user":{"name":"Russ Perry","url":"/rperry1886"}},{"editor_url":"https://codepen.io/aaroniker/pen/vYEmery","slug_hash":"vYEmery","title":"Bounce download button","url":"https://cdpn.io/aaroniker/fullembedgrid/vYEmery","user":{"name":"Aaron Iker","url":"/aaroniker"}},{"editor_url":"https://codepen.io/anianroid/pen/povwKWp","slug_hash":"povwKWp","title":"Christmas Tree","url":"https://cdpn.io/anianroid/fullembedgrid/povwKWp","user":{"name":"Anirudh Madhavan","url":"/anianroid"}},{"editor_url":"https://codepen.io/fossheim/pen/rNaQBjw","slug_hash":"rNaQBjw","title":"Gradient Text Overlay","url":"https://cdpn.io/fossheim/fullembedgrid/rNaQBjw","user":{"name":"Sarah Fossheim","url":"/fossheim"}},{"editor_url":"https://codepen.io/LIMESTA/pen/qBddozw","slug_hash":"qBddozw","title":"Brazil Flag 3D | CSS Only","url":"https://cdpn.io/LIMESTA/fullembedgrid/qBddozw","user":{"name":"Emil Alicic","url":"/LIMESTA"}},{"editor_url":"https://codepen.io/jh3y/pen/RwPrOoz","slug_hash":"RwPrOoz","title":"Care Bear NEEDS Love (mousedown/touchstart) 🐻❤️","url":"https://cdpn.io/jh3y/fullembedgrid/RwPrOoz","user":{"name":"Jhey","url":"/jh3y"}},{"editor_url":"https://codepen.io/soju22/pen/BaNKwpZ","slug_hash":"BaNKwpZ","title":"What's behind ?","url":"https://cdpn.io/soju22/fullembedgrid/BaNKwpZ","user":{"name":"Kevin Levron","url":"/soju22"}},{"editor_url":"https://codepen.io/tiggr/pen/mdJmaMr","slug_hash":"mdJmaMr","title":"Popsicle Animation","url":"https://cdpn.io/tiggr/fullembedgrid/mdJmaMr","user":{"name":"Tigran Sargsyan","url":"/tiggr"}},{"editor_url":"https://codepen.io/yuanchuan/pen/ExjwxQm","slug_hash":"ExjwxQm","title":"Pendant (Desktop Chrome only)","url":"https://cdpn.io/yuanchuan/fullembedgrid/ExjwxQm","user":{"name":"yuanchuan","url":"/yuanchuan"}},{"editor_url":"https://codepen.io/indextwo/pen/yLNPwrL","slug_hash":"yLNPwrL","title":"🐇 Bouncy Ice Cream 🍦","url":"https://cdpn.io/indextwo/fullembedgrid/yLNPwrL","user":{"name":"✨Lawrie✨","url":"/indextwo"}},{"editor_url":"https://codepen.io/ruidovisual/pen/MWwLdGE","slug_hash":"MWwLdGE","title":"Number 1","url":"https://cdpn.io/ruidovisual/fullembedgrid/MWwLdGE","user":{"name":"Miguel","url":"/ruidovisual"}},{"editor_url":"https://codepen.io/trajektorijus/pen/ZEGNBZL","slug_hash":"ZEGNBZL","title":"ZEGNBZL","url":"https://cdpn.io/trajektorijus/fullembedgrid/ZEGNBZL","user":{"name":"Tadas Karpavičius","url":"/trajektorijus"}},{"editor_url":"https://codepen.io/Krimlen/pen/GRJbNdG","slug_hash":"GRJbNdG","title":"Auto Tetris","url":"https://cdpn.io/Krimlen/fullembedgrid/GRJbNdG","user":{"name":"Kareem Kamal","url":"/Krimlen"}},{"editor_url":"https://codepen.io/KristopherVanSant/pen/mdJZOGK","slug_hash":"mdJZOGK","title":"The Big Chicken","url":"https://cdpn.io/KristopherVanSant/fullembedgrid/mdJZOGK","user":{"name":"Kristopher Van Sant","url":"/KristopherVanSant"}},{"editor_url":"https://codepen.io/chrisgannon/pen/RwWVJWd","slug_hash":"RwWVJWd","title":"Balancing Moods","url":"https://cdpn.io/chrisgannon/fullembedgrid/RwWVJWd","user":{"name":"Chris Gannon","url":"/chrisgannon"}},{"editor_url":"https://codepen.io/MarioDesigns/pen/NWxWNeQ","slug_hash":"NWxWNeQ","title":"Minecraft Dungeons Inspired Loading cube","url":"https://cdpn.io/MarioDesigns/fullembedgrid/NWxWNeQ","user":{"name":"Mario Duarte","url":"/MarioDesigns"}},{"editor_url":"https://codepen.io/YVNKAD/pen/VweYaRy","slug_hash":"VweYaRy","title":"MY COLOR PALETTE","url":"https://cdpn.io/YVNKAD/fullembedgrid/VweYaRy","user":{"name":"Yves","url":"/YVNKAD"}},{"editor_url":"https://codepen.io/lonekorean/pen/KKVdQPX","slug_hash":"KKVdQPX","title":"Pulsating Marble","url":"https://cdpn.io/lonekorean/fullembedgrid/KKVdQPX","user":{"name":"Will Boyd","url":"/lonekorean"}},{"editor_url":"https://codepen.io/aaroniker/pen/yLebvZW","slug_hash":"yLebvZW","title":"Bookmark","url":"https://cdpn.io/aaroniker/fullembedgrid/yLebvZW","user":{"name":"Aaron Iker","url":"/aaroniker"}},{"editor_url":"https://codepen.io/soju22/pen/LYGLRyg","slug_hash":"LYGLRyg","title":"Triangles grid","url":"https://cdpn.io/soju22/fullembedgrid/LYGLRyg","user":{"name":"Kevin Levron","url":"/soju22"}},{"editor_url":"https://codepen.io/agalliat/pen/mdVGNKo","slug_hash":"mdVGNKo","title":"Particle Explosion","url":"https://cdpn.io/agalliat/fullembedgrid/mdVGNKo","user":{"name":"Angela Galliat","url":"/agalliat"}},{"editor_url":"https://codepen.io/DoshiDevarshi/pen/zYrMNZX","slug_hash":"zYrMNZX","title":"Life Of Coder","url":"https://cdpn.io/DoshiDevarshi/fullembedgrid/zYrMNZX","user":{"name":"Devarshi Doshi👨💻💫","url":"/DoshiDevarshi"}},{"editor_url":"https://codepen.io/dev_loop/pen/Bajvged","slug_hash":"Bajvged","title":"Canvas Image Hover Interaction","url":"https://cdpn.io/dev_loop/fullembedgrid/Bajvged","user":{"name":"Sikriti Dakua","url":"/dev_loop"}},{"editor_url":"https://codepen.io/himanshusharma89/pen/wvMNPgG","slug_hash":"wvMNPgG","title":"Flutter Animation","url":"https://cdpn.io/himanshusharma89/fullembedgrid/wvMNPgG","user":{"name":"HIMANSHU SHARMA","url":"/himanshusharma89"}},{"editor_url":"https://codepen.io/yellowtimewhale/pen/RwrzmKr","slug_hash":"RwrzmKr","title":"Register Brother","url":"https://cdpn.io/yellowtimewhale/fullembedgrid/RwrzmKr","user":{"name":"hrfowler","url":"/yellowtimewhale"}},{"editor_url":"https://codepen.io/Vedurumudi-Priyanka/pen/gOPVydN","slug_hash":"gOPVydN","title":" Pokemon Squirtle (Zenigame)","url":"https://cdpn.io/Vedurumudi-Priyanka/fullembedgrid/gOPVydN","user":{"name":"Vedurumudi Priyanka","url":"/Vedurumudi-Priyanka"}},{"editor_url":"https://codepen.io/rafaelsp/pen/wvGrKWZ","slug_hash":"wvGrKWZ","title":"Floating Image","url":"https://cdpn.io/rafaelsp/fullembedgrid/wvGrKWZ","user":{"name":"Rafael Pereira","url":"/rafaelsp"}},{"editor_url":"https://codepen.io/yuhomyan/pen/XWdYJdv","slug_hash":"XWdYJdv","title":"Search Box Animation","url":"https://cdpn.io/yuhomyan/fullembedgrid/XWdYJdv","user":{"name":"Yuhomyan","url":"/yuhomyan"}},{"editor_url":"https://codepen.io/lerida/pen/gOrKrgZ","slug_hash":"gOrKrgZ","title":"Baby Moon","url":"https://cdpn.io/lerida/fullembedgrid/gOrKrgZ","user":{"name":"Álex","url":"/lerida"}},{"editor_url":"https://codepen.io/jh3y/pen/mdEPXPj","slug_hash":"mdEPXPj","title":"Bouncing Bunnies (animation-delay lesson) 😎","url":"https://cdpn.io/jh3y/fullembedgrid/mdEPXPj","user":{"name":"Jhey","url":"/jh3y"}},{"editor_url":"https://codepen.io/learosema/pen/WNxJpqp","slug_hash":"WNxJpqp","title":"Organic starfish pattern - #anydayshaders 14","url":"https://cdpn.io/learosema/fullembedgrid/WNxJpqp","user":{"name":"Lea Rosema","url":"/learosema"}},{"editor_url":"https://codepen.io/ycw/pen/jOrowVQ","slug_hash":"jOrowVQ","title":"css conic-gradient diamond","url":"https://cdpn.io/ycw/fullembedgrid/jOrowVQ","user":{"name":"ycw","url":"/ycw"}},{"editor_url":"https://codepen.io/danwilson/pen/ZEpQLKY","slug_hash":"ZEpQLKY","title":"Tree","url":"https://cdpn.io/danwilson/fullembedgrid/ZEpQLKY","user":{"name":"Dan Wilson","url":"/danwilson"}},{"editor_url":"https://codepen.io/prisoner849/pen/qBaNKNM","slug_hash":"qBaNKNM","title":"InstancedMesh + hierarchy + .matrixWorld","url":"https://cdpn.io/prisoner849/fullembedgrid/qBaNKNM","user":{"name":"Paul","url":"/prisoner849"}},{"editor_url":"https://codepen.io/CodeLlama/pen/mdOWXPg","slug_hash":"mdOWXPg","title":"Tri Fold Brochure","url":"https://cdpn.io/CodeLlama/fullembedgrid/mdOWXPg","user":{"name":"Luke","url":"/CodeLlama"}},{"editor_url":"https://codepen.io/jkantner/pen/zYoMZGj","slug_hash":"zYoMZGj","title":"Neon Flower Illusion","url":"https://cdpn.io/jkantner/fullembedgrid/zYoMZGj","user":{"name":"Jon Kantner","url":"/jkantner"}},{"editor_url":"https://codepen.io/ykadosh/pen/RwKpKGM","slug_hash":"RwKpKGM","title":"Isometric Floating Layers (SVG)","url":"https://cdpn.io/ykadosh/fullembedgrid/RwKpKGM","user":{"name":"Yoav Kadosh","url":"/ykadosh"}},{"editor_url":"https://codepen.io/vishalcreates/pen/VwpZvdj","slug_hash":"VwpZvdj","title":"origami crane animation","url":"https://cdpn.io/vishalcreates/fullembedgrid/VwpZvdj","user":{"name":"Vishal Dilipkoomar","url":"/vishalcreates"}},{"editor_url":"https://codepen.io/samritha/pen/ExWxELr","slug_hash":"ExWxELr","title":"animated gooey menu bar","url":"https://cdpn.io/samritha/fullembedgrid/ExWxELr","user":{"name":"Samritha S","url":"/samritha"}},{"editor_url":"https://codepen.io/nargaw/pen/BaRaOwX","slug_hash":"BaRaOwX","title":"Relax","url":"https://cdpn.io/nargaw/fullembedgrid/BaRaOwX","user":{"name":"Nate A","url":"/nargaw"}},{"editor_url":"https://codepen.io/amit_sheen/pen/gOWXMJp","slug_hash":"gOWXMJp","title":"Moving on a Penrose Triangle","url":"https://cdpn.io/amit_sheen/fullembedgrid/gOWXMJp","user":{"name":"Amit Sheen","url":"/amit_sheen"}},{"editor_url":"https://codepen.io/_niikhil/pen/GRmezEZ","slug_hash":"GRmezEZ","title":"CSS Art - Clock","url":"https://cdpn.io/_niikhil/fullembedgrid/GRmezEZ","user":{"name":"Nikhil","url":"/_niikhil"}},{"editor_url":"https://codepen.io/CrystalS/pen/XWgMEvV","slug_hash":"XWgMEvV","title":"Prof. Pusheen","url":"https://cdpn.io/CrystalS/fullembedgrid/XWgMEvV","user":{"name":"Crystal S","url":"/CrystalS"}},{"editor_url":"https://codepen.io/uemuragame5683/pen/ExXLWYR","slug_hash":"ExXLWYR","title":"three.js - moon viewing","url":"https://cdpn.io/uemuragame5683/fullembedgrid/ExXLWYR","user":{"name":"うえむー","url":"/uemuragame5683"}},{"editor_url":"https://codepen.io/MAKIO135/pen/poWoPdO","slug_hash":"poWoPdO","title":"Loader","url":"https://cdpn.io/MAKIO135/fullembedgrid/poWoPdO","user":{"name":"Lionel Radisson","url":"/MAKIO135"}},{"editor_url":"https://codepen.io/niallains/pen/QWqNjOM","slug_hash":"QWqNjOM","title":"Daylight Cycles of Earth","url":"https://cdpn.io/niallains/fullembedgrid/QWqNjOM","user":{"name":"Niall","url":"/niallains"}},{"editor_url":"https://codepen.io/tuckermassad/pen/xxXgdRo","slug_hash":"xxXgdRo","title":"At Home Athlete (Pure CSS Animation)","url":"https://cdpn.io/tuckermassad/fullembedgrid/xxXgdRo","user":{"name":"Tucker Massad","url":"/tuckermassad"}},{"editor_url":"https://codepen.io/Mamboleoo/pen/MWErMEj","slug_hash":"MWErMEj","title":"Stranger Things - Human x Upside","url":"https://cdpn.io/Mamboleoo/fullembedgrid/MWErMEj","user":{"name":"Louis Hoebregts","url":"/Mamboleoo"}},{"editor_url":"https://codepen.io/fractalkitty/pen/eYeYQpW","slug_hash":"eYeYQpW","title":"excuse me coming through","url":"https://cdpn.io/fractalkitty/fullembedgrid/eYeYQpW","user":{"name":"Sophia (fractal kitty) (she/her)","url":"/fractalkitty"}},{"editor_url":"https://codepen.io/ahart814/pen/QWOrPKM","slug_hash":"QWOrPKM","title":"Codepen Challenge - Time Travel","url":"https://cdpn.io/ahart814/fullembedgrid/QWOrPKM","user":{"name":"Alex Hart","url":"/ahart814"}},{"editor_url":"https://codepen.io/sweaver2112/pen/VwyYqBr","slug_hash":"VwyYqBr","title":"StormTrooper Pixel Map (click to regenerate)","url":"https://cdpn.io/sweaver2112/fullembedgrid/VwyYqBr","user":{"name":"Scott Weaver","url":"/sweaver2112"}},{"editor_url":"https://codepen.io/smnarnold/pen/JjMoxYO","slug_hash":"JjMoxYO","title":"3D Micro Mages - NES Cartridge ","url":"https://cdpn.io/smnarnold/fullembedgrid/JjMoxYO","user":{"name":"Simon Arnold","url":"/smnarnold"}},{"editor_url":"https://codepen.io/pavlovsk/pen/JjMGZVy","slug_hash":"JjMGZVy","title":"A few formations","url":"https://cdpn.io/pavlovsk/fullembedgrid/JjMGZVy","user":{"name":"Mustafa Enes","url":"/pavlovsk"}},{"editor_url":"https://codepen.io/hugo/pen/vYpVoqK","slug_hash":"vYpVoqK","title":"Native skeleton loading","url":"https://cdpn.io/hugo/fullembedgrid/vYpVoqK","user":{"name":"Hugo Darby-Brown","url":"/hugo"}},{"editor_url":"https://codepen.io/BlogFire/pen/RwxdJyN","slug_hash":"RwxdJyN","title":"Where does it all come from?","url":"https://cdpn.io/BlogFire/fullembedgrid/RwxdJyN","user":{"name":"Chris Smith","url":"/BlogFire"}},{"editor_url":"https://codepen.io/creativeocean/pen/bGaJqLJ","slug_hash":"bGaJqLJ","title":"Road bike w/ SVG + GSAP ","url":"https://cdpn.io/creativeocean/fullembedgrid/bGaJqLJ","user":{"name":"Tom Miller","url":"/creativeocean"}},{"editor_url":"https://codepen.io/leimapapa/pen/wvpVyYZ","slug_hash":"wvpVyYZ","title":"📈 Analysis SVG","url":"https://cdpn.io/leimapapa/fullembedgrid/wvpVyYZ","user":{"name":"leimapapa","url":"/leimapapa"}},{"editor_url":"https://codepen.io/rudtjd2548/pen/yLveGmO","slug_hash":"yLveGmO","title":"Confetti Button with pure javascript","url":"https://cdpn.io/rudtjd2548/fullembedgrid/yLveGmO","user":{"name":"Evan Jin (진경성)","url":"/rudtjd2548"}},{"editor_url":"https://codepen.io/yasgo/pen/WNMpoeE","slug_hash":"WNMpoeE","title":"#CodePenChallenge: Swing","url":"https://cdpn.io/yasgo/fullembedgrid/WNMpoeE","user":{"name":"Yasin B. Kalkan","url":"/yasgo"}},{"editor_url":"https://codepen.io/chris22smith/pen/poaeedP","slug_hash":"poaeedP","title":"Concave and Convex Curves in CSS","url":"https://cdpn.io/chris22smith/fullembedgrid/poaeedP","user":{"name":"Chris Smith","url":"/chris22smith"}},{"editor_url":"https://codepen.io/Adir-SL/pen/vYdxvWM","slug_hash":"vYdxvWM","title":"CSS Watchmen Clock","url":"https://cdpn.io/Adir-SL/fullembedgrid/vYdxvWM","user":{"name":"Adir","url":"/Adir-SL"}},{"editor_url":"https://codepen.io/spaceninja/pen/wvymgba","slug_hash":"wvymgba","title":"CSS Radial Engraving Photo Filter","url":"https://cdpn.io/spaceninja/fullembedgrid/wvymgba","user":{"name":"Scott Vandehey","url":"/spaceninja"}},{"editor_url":"https://codepen.io/josetxu/pen/xxWboPz","slug_hash":"xxWboPz","title":"Rotating Twisted Ring Illusion","url":"https://cdpn.io/josetxu/fullembedgrid/xxWboPz","user":{"name":"Josetxu ","url":"/josetxu"}},{"editor_url":"https://codepen.io/ma_suwa/pen/BarLGgx","slug_hash":"BarLGgx","title":"[Three.js]shader_AudioVIsualizer","url":"https://cdpn.io/ma_suwa/fullembedgrid/BarLGgx","user":{"name":"masuwa","url":"/ma_suwa"}},{"editor_url":"https://codepen.io/tin-fung-hk/pen/poVdbMw","slug_hash":"poVdbMw","title":"Depth Variable Font Effect","url":"https://cdpn.io/tin-fung-hk/fullembedgrid/poVdbMw","user":{"name":"Taylon, Chan","url":"/tin-fung-hk"}},{"editor_url":"https://codepen.io/jh3y/pen/ZEjBwQe","slug_hash":"ZEjBwQe","title":"CSS Trigonometric Loading Animation ✨","url":"https://cdpn.io/jh3y/fullembedgrid/ZEjBwQe","user":{"name":"Jhey","url":"/jh3y"}},{"editor_url":"https://codepen.io/gayane-gasparyan/pen/LYJEoZM","slug_hash":"LYJEoZM","title":"Falling Words","url":"https://cdpn.io/gayane-gasparyan/fullembedgrid/LYJEoZM","user":{"name":"Gayane Gasparyan","url":"/gayane-gasparyan"}},{"editor_url":"https://codepen.io/jh3y/pen/wvEMOjJ","slug_hash":"wvEMOjJ","title":"3D Loader Cube 😎","url":"https://cdpn.io/jh3y/fullembedgrid/wvEMOjJ","user":{"name":"Jhey","url":"/jh3y"}},{"editor_url":"https://codepen.io/maxcswann/pen/jOvweWb","slug_hash":"jOvweWb","title":"pt 4/4 drippy svg background","url":"https://cdpn.io/maxcswann/fullembedgrid/jOvweWb","user":{"name":"Max Swann","url":"/maxcswann"}}],"__show_pens_in_order":"random"}