CodePen Challenge: Textile Patterns

#html #css #javascript #codepen

Our entry for this week's CodePen Challenge took the 4 supplied fabric swatches, and added a little bit more realism to them. We ended up mocking up a generative poster design for a fictitious textile exhibition - which changes layout every time the page is reloaded!

DEV TIME: 2 hours
FEATURES:

Added more linear gradients to create a 3d fabric texture
Used clip-path on the swatches to give them a ragged edge
Added some randomisation effects in JS to create a new layout every time the page is refreshed
Adapted script to add in random rotation & better grouping of elements, and adaption to mobile resolution

Introducing Qodo Gen 1.0: Transform Your Workflow with Agentic AI

While many AI coding tools operate as simple command-response systems, Qodo Gen 1.0 represents the next generation: autonomous, multi-step problem-solving agents that work alongside you.

Read full post →