The Collective #914: ForesightJS, What’s new in web UI, RenderHooks
Your weekly digest of dev & design links
Codrops Publication
June 02, 2025
Olá, frontend friends! 👋
Here’s a fresh roundup of the latest frontend news, links, and resources to inspire and inform you. Whether you're looking for new ideas or just something interesting, we hope you'll discover something exciting in this edition!
Happy exploring! 💙
P.S. We've been hosting Codrops with Liquid Web for almost a decade now—super reliable and solid support. Highly recommended.
From our sponsor
Join Outlier and get paid to help train the next generation of AI. No need for prior AI experience—just your expertise in HTML, CSS, JavaScript, and modern frameworks like React or Vue.
Work remotely, on your schedule, and earn up to $50/hour reviewing AI-generated code, improving UX, and shaping smarter systems for top global tech companies.
Why developers love working with Outlier:
💸 Up to $50/hour with weekly payouts
🌍 100% remote work, no contracts
🧠 No AI experience needed—your coding skills are enough
⏰ Flexible hours—you control your time
🚀 Real impact on cutting-edge AI projects
👉 Apply now to start building the future—one line of code at a time.
GSAP has named Navigate by Resn its Site of the Week, celebrating its playful scroll and text animations powered by ScrollTrigger and SplitText.
gsap / web-trends
Join us in Madrid, Oct 8–10, at Penpot Fest — a celebration of design, code, and open source. Gloria Langreo (GitHub), Bárbara Martínez (Wikimedia), and Laura Kalbag (Penpot) are set to share their insights on UX/UI, accessibility, and design systems as part of our exciting lineup. Get your tickets!
Learn how to move 3D meshes smoothly across a sphere’s surface with three.js and GSAP using spherical paths and quaternions.
3d / animation / gsap / three-js / tutorial
ForesightJS predicts user intent via mouse movement to prefetch smarter—before clicks or hovers.
javascript / library
Una Kravets explores powerful new web UI features that let developers build rich interfaces with minimal HTML and CSS.
css / ui-components / video
A zero-config tool to visualize code execution and data structures in Python, JavaScript, and C++ — no installs or setup needed.
cpp / data-visualization / javascript / python / tool
A web-based recreation of the classic WeatherStar 4000, offering retro local forecasts powered by NOAA, now modernized with HTML/CSS.
css / data-visualization / javascript / retro / weather
A scathing and humorous critique of HTML’s <col> and <colgroup> elements—how they work, why they’re confusing, and why you’re probably better off avoiding them.
accessibility / article / html
A clean, accessible documentation starter for 11ty, focused on performance and usability.
documentation / eleventy / template
Catch falling characters in a game to generate strong, secure passwords.
password
This article traces the 30-year journey of JavaScript, highlighting its rise from a quick browser hack to the most influential language in web development history.
javascript
A place to browse social proof examples grounded in psychology, with real-life applications in business and marketing.
marketing
RenderHooks is a small, innovative React library that allows you to use React hooks inline, right next to the JSX where they’re needed, without breaking the Rules of Hooks.
react
Matthias Endler argues that rebuilding existing tools is a powerful path to learning, creativity, and deeper understanding.
article / creativity
Jon Daiello pens a reflective letter from the future, offering a glimpse into a world where designers trade pixel perfection for something far more transformative.
ai / article / web-design
From our sponsor
Get Your Free ChatGPT Productivity Bundle
Mindstream brings you 5 essential resources to master ChatGPT at work. This free bundle includes decision flowcharts, prompt templates, and our 2025 guide to AI productivity.
Our team of AI experts has packaged the most actionable ChatGPT hacks that are actually working for top marketers and founders. Save hours each week with these proven workflows.
It's completely free when you subscribe to our daily AI newsletter.
Codrops is proudly sponsored by KeyCDN, the high performance content delivery network that has been built for the future.