--- title: Best Codrops posts — November 2024 | daily.dev description: The most upvoted Codrops posts from November 2024, curated by the daily.dev community. canonical: https://daily.dev/sources/codrops/best-of/2024/11 twitter:card: summary_large_image twitter:site: @dailydotdev og:url: https://daily.dev/sources/codrops/best-of/2024/11 og:type: website og:site_name: daily.dev og:title: Best Codrops posts — November 2024 | daily.dev og:description: The most upvoted Codrops posts from November 2024, 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 — November 2024 1. 1 [](https://daily.dev/posts/consecutive-scroll-animations-with-one-element-pvhufm4qe "Consecutive Scroll Animations with One Element") Article Codrops · 2y Consecutive Scroll Animations with One Element Explore how to create a consecutive flip animation using GSAP's ScrollTrigger and scrubbing. The post includes a demonstration of animating a single element across various waypoints while scrolling, with example HTML and JavaScript code to implement similar animations. 205 2 2. 2 [](https://daily.dev/posts/case-study-chaingpt-labs-hi9lzwxr0 "Case Study: ChainGPT Labs") Article Codrops · 2y Case Study: ChainGPT Labs Explore the creative journey behind ChainGPT Labs, developed by Sigma Software Design, showcasing the development of a visually cohesive and functionally advanced platform for Web3 startups. Highlights include branding, 3D design, and interactive web development using tools like Webflow, GSAP, and FFmpeg. The cohesive visual identity, incorporation of 3D elements, and experimental layout designs demonstrate innovative solutions tailored for the Web3 ecosystem. 69 1 3. 3 [](https://daily.dev/posts/build-your-own-tools-with-penpot-s-new-plugin-system-and-join-the-contest-u0zeaydse "Build Your Own Tools with Penpot’s New Plugin System and Join the Contest") Article Codrops · 2y Build Your Own Tools with Penpot’s New Plugin System and Join the Contest Penpot has launched its new Plugin System, allowing developers and designers to build custom plugins to enhance their workflows. The system supports any JavaScript framework and emphasizes community collaboration and security. To celebrate, Penpot is hosting a Plugin Contest from November 15th to December 15th, 2024, with cash prizes for creative plugin submissions. 28 4. 4 [](https://daily.dev/posts/how-to-create-an-ai-powered-newsletter-aggregator-with-react-and-ai-agents-ed1jrnypd "How to Create an AI-Powered Newsletter Aggregator with React and AI Agents") Article Codrops · 2y How to Create an AI-Powered Newsletter Aggregator with React and AI Agents Learn how to build an AI-powered newsletter aggregator using React and KaibanJS. This tutorial guides you through setting up AI agents to fetch, filter, and aggregate content from various newsletters into a single, easy-to-read format. The process is automated and can be set up in just 10 minutes, making it a powerful addition to any developer's toolkit. KaibanJS is a new open-source JavaScript framework for building multi-agent systems, and this tutorial includes a step-by-step guide on creating and customizing agents and tasks. 25 5. 5 [](https://daily.dev/posts/recreating-the-mac-mini-effect-step-by-step-in-rive-13iaylpjz "Recreating the Mac Mini Effect Step-by-Step in Rive") Article Codrops · 2y Recreating the Mac Mini Effect Step-by-Step in Rive The post provides a step-by-step guide to recreating the Mac Mini animation using Rive, a no-code animation tool. Key sections include an overview of the Rive interface, the use of nested artboards, setting up animation timelines, utilizing state machines for complex transitions, and creating faux 3D effects. Tips for grouping layers and using solo mode are also highlighted for efficient animation creation. 11 [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/2024/11#page","url":"https://daily.dev/sources/codrops/best-of/2024/11","name":"Best Codrops Posts — November 2024","description":"The most upvoted Codrops posts from November 2024, curated by the daily.dev community.","isPartOf":{"@type":"WebSite","url":"https://daily.dev"}},{"@type":"ItemList","@id":"https://daily.dev/sources/codrops/best-of/2024/11#items","numberOfItems":5,"itemListElement":[{"@type":"ListItem","position":1,"url":"https://daily.dev/posts/consecutive-scroll-animations-with-one-element-pvhufm4qe","name":"Consecutive Scroll Animations with One Element"},{"@type":"ListItem","position":2,"url":"https://daily.dev/posts/case-study-chaingpt-labs-hi9lzwxr0","name":"Case Study: ChainGPT Labs"},{"@type":"ListItem","position":3,"url":"https://daily.dev/posts/build-your-own-tools-with-penpot-s-new-plugin-system-and-join-the-contest-u0zeaydse","name":"Build Your Own Tools with Penpot’s New Plugin System and Join the Contest"},{"@type":"ListItem","position":4,"url":"https://daily.dev/posts/how-to-create-an-ai-powered-newsletter-aggregator-with-react-and-ai-agents-ed1jrnypd","name":"How to Create an AI-Powered Newsletter Aggregator with React and AI Agents"},{"@type":"ListItem","position":5,"url":"https://daily.dev/posts/recreating-the-mac-mini-effect-step-by-step-in-rive-13iaylpjz","name":"Recreating the Mac Mini Effect Step-by-Step in Rive"}]},{"@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":"November 2024"}]}]} ```