--- title: Best Codrops posts — December 2023 | daily.dev description: The most upvoted Codrops posts from December 2023, curated by the daily.dev community. canonical: https://daily.dev/sources/codrops/best-of/2023/12 twitter:card: summary_large_image twitter:site: @dailydotdev og:url: https://daily.dev/sources/codrops/best-of/2023/12 og:type: website og:site_name: daily.dev og:title: Best Codrops posts — December 2023 | daily.dev og:description: The most upvoted Codrops posts from December 2023, curated by the daily.dev community. og:image: https://media.daily.dev/image/upload/s--VAY5ToZt--/f_auto/v1724209435/public/daily.dev%20-%20open%20graph --- # Best of Codrops — December 2023 1. 1 [](https://daily.dev/posts/creating-audio-reactive-visuals-with-dynamic-particles-in-three-js-mrcqrx557 "Creating Audio-Reactive Visuals with Dynamic Particles in Three.js") Article Codrops · 3y Creating Audio-Reactive Visuals with Dynamic Particles in Three.js Learn how to create audio-reactive visuals with dynamic particles using Three.js. The tutorial covers initializing the scene, analyzing audio data, detecting tempo, creating procedural reactive particles, adding noise and colors, and bringing audio and visuals together. 67 2. 2 [](https://daily.dev/posts/frontend-rewind-2023-day-10-ryatmfnfb "Frontend Rewind 2023 – Day 10") Article Codrops · 3y Frontend Rewind 2023 – Day 10 Today's Frontend Rewind 2023 article features the Yule Cat from Icelandic folklore, introduces the Frontend Tribe Collective, and discusses the popover API. 28 3. 3 [](https://daily.dev/posts/collective-797-kkvsxu0cp "Collective #797") Article Codrops · 3y Collective #797 The article discusses the achievement of 'There is an AI for that' in encompassing over 10,000 AI-powered tools. It also mentions an upcoming Advent calendar with daily design inspiration, frontend articles, resources, and exclusive deals. 18 4. 4 [](https://daily.dev/posts/frontend-rewind-2023-day-01-ahxbfc699 "Frontend Rewind 2023 – Day 01") Article Codrops · 3y Frontend Rewind 2023 – Day 01 Frontend Rewind 2023 is a special calendar dedicated to revisiting the highlights of 2023 in frontend development and web design. Each day, a curated selection of content is unveiled. The community discount for today is a 20% discount on a Club GSAP membership using the coupon code CODROPS20\. The article 'Typographic Hierarchy in Print, Web & App Design' provides guidance on achieving better typographic hierarchy and enhancing important parts of a UI. 18 5. 5 [](https://daily.dev/posts/frontend-rewind-2023-day-23-musppeqfd "Frontend Rewind 2023 – Day 23") Article Codrops · 3y Frontend Rewind 2023 – Day 23 The post discusses alternative frontend tools to React, scroll-driven animations using CSS, and Vizro, a user-friendly toolkit for creating customized data visualization applications. 17 6. 6 [](https://daily.dev/posts/on-scroll-sliced-text-animation-uxltgwe7g "On-Scroll Sliced Text Animation") Article Codrops · 3y On-Scroll Sliced Text Animation The article explores a text effect inspired by the Academy website, achieved using plain HTML text without clip paths. It creates a playful typography effect that adds interesting scroll action to a design. 17 7. 7 [](https://daily.dev/posts/frontend-rewind-2023-day-12-h4zi1ls0g "Frontend Rewind 2023 – Day 12") Article Codrops · 3y Frontend Rewind 2023 – Day 12 Day 12 of "Frontend Rewind 2023" brings links and inspiration, a discount for Kevin Powell's CSS course, articles about AI and automation of work, a tutorial on responsive type scales with CSS utilities, a website design showcase, a UI interaction and animation example, a useful Chrome extension, free abstract isometric illustrations, and a WebGL experiment called Summer Afternoon. 15 [See all Codrops archives](/sources/codrops/best-of) ```json {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]} {"@context":"https://schema.org","@graph":[{"@type":"CollectionPage","@id":"https://daily.dev/sources/codrops/best-of/2023/12#page","url":"https://daily.dev/sources/codrops/best-of/2023/12","name":"Best Codrops Posts — December 2023","description":"The most upvoted Codrops posts from December 2023, curated by the daily.dev community.","isPartOf":{"@type":"WebSite","url":"https://daily.dev"}},{"@type":"ItemList","@id":"https://daily.dev/sources/codrops/best-of/2023/12#items","numberOfItems":7,"itemListElement":[{"@type":"ListItem","position":1,"url":"https://daily.dev/posts/creating-audio-reactive-visuals-with-dynamic-particles-in-three-js-mrcqrx557","name":"Creating Audio-Reactive Visuals with Dynamic Particles in Three.js"},{"@type":"ListItem","position":2,"url":"https://daily.dev/posts/frontend-rewind-2023-day-10-ryatmfnfb","name":"Frontend Rewind 2023 – Day 10"},{"@type":"ListItem","position":3,"url":"https://daily.dev/posts/collective-797-kkvsxu0cp","name":"Collective #797"},{"@type":"ListItem","position":4,"url":"https://daily.dev/posts/frontend-rewind-2023-day-01-ahxbfc699","name":"Frontend Rewind 2023 – Day 01"},{"@type":"ListItem","position":5,"url":"https://daily.dev/posts/frontend-rewind-2023-day-23-musppeqfd","name":"Frontend Rewind 2023 – Day 23"},{"@type":"ListItem","position":6,"url":"https://daily.dev/posts/on-scroll-sliced-text-animation-uxltgwe7g","name":"On-Scroll Sliced Text Animation"},{"@type":"ListItem","position":7,"url":"https://daily.dev/posts/frontend-rewind-2023-day-12-h4zi1ls0g","name":"Frontend Rewind 2023 – Day 12"}]},{"@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"Sources","item":"https://daily.dev/sources"},{"@type":"ListItem","position":3,"name":"Codrops","item":"https://daily.dev/sources/codrops"},{"@type":"ListItem","position":4,"name":"Best of","item":"https://daily.dev/sources/codrops/best-of"},{"@type":"ListItem","position":5,"name":"December 2023"}]}]} ```