CodePen's 2026 Web Development Trends: CSS Shapes, Timelines & More
Originally published on Codepen Blog

Summary & Key Takeaways
CodePen identifies several popular web development trends for 2026. "Galleries" are a notable trend, appearing in various directions. Custom Select elements are gaining popularity. New CSS shape functions like shape(), border-shape, and corner-shape are being adopted. CSS timeline features, scroll-timeline and animation-timeline, are seeing increased use. General CSS Functions are also a growing area of interest. Notion's Custom Agents are mentioned as a collaborative AI workspace tool.
Our Commentary
We love seeing these trend roundups. It's a quick pulse check on what's actually being used and explored in the wild. Those new CSS shape functions and timeline animations are genuinely exciting; they open up so many creative possibilities without relying on JavaScript. It's a good reminder that CSS is still evolving rapidly.