Marie has her eye on what seems to be super popular with CodePen users so far this year. Galleries (in different directions) https://codepen.io/thebabydino/pen/dPXVyqN https://codepen.io/luis-lessrain/pen/ZYpyoRV https://codepen.io/Nidal95/pen/qENQPBp https://codepen.io/ol-ivier/pen/emdjmBQ https://codepen.io/cbolson/pen/MYebgqj Custom Select https://codepen.io/editor/cbolson/pen/019cbfe5-85da-7d31-a7de-44b6b35e7c1c https://codepen.io/t_afif/pen/PwGPJOB shape(), border-shape, corner-shape https://codepen.io/una/pen/ogzRBWV https://codepen.io/una/pen/bNeLmoZ https://codepen.io/donotfold/pen/vEXvxjb scroll-timeline, animation-timeline https://codepen.io/danielhaim/pen/azmBEPL https://codepen.io/t_afif/pen/JoKYwXO CSS Functions https://frontendmasters.com/blog/the-fundamentals-and-dev-experience-of-css-function/ Sponsor: Notion With the recent launch of Custom Agents, Notion became…

CodePen's platform is a social development environment, offering insights into front-end web development, creative coding, and web design. Through articles, demos, and community projects, CodePen offers insights into HTML, CSS, and JavaScript techniques. Developers and designers can learn about CSS animations, responsive design patterns, and front-end frameworks to experiment and collaborate on web projects.

CodePen

A roundup of trending CSS techniques popular on CodePen in 2026, covering creative gallery layouts moving in unusual directions (cube, concave, circular, animated slider), the new custom select element, emerging CSS shape functions (shape(), border-shape, corner-shape), scroll-timeline and animation-timeline for scroll-driven animations, and new CSS functions.

432: Trends of 2026 (So Far)