Best of Codrops — December 2023

  1. 1
    Article
    Avatar of codropsCodrops·2y

    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.

  2. 2
    Article
    Avatar of codropsCodrops·2y

    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.

  3. 3
    Article
    Avatar of codropsCodrops·2y

    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.

  4. 4
    Article
    Avatar of codropsCodrops·2y

    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.

  5. 5
    Article
    Avatar of codropsCodrops·2y

    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.

  6. 6
    Article
    Avatar of codropsCodrops·2y

    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.

  7. 7
    Article
    Avatar of codropsCodrops·2y

    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.

See all Codrops archives