Durves for adjustable matrix and wave pattern design

Use Durves in the browser: matrix-style patterns with proportion, size, and color, plus wave controls. By Filipe Esteves; also a Framer plugin. Open the site if the embed is blocked.

What is Durves?

Durves (durves.com) is a web-based design pattern tool for building matrix-like visuals: you change overall proportion, scale, and color, then refine dot radius, amplitude, wave frequency, and related parameters in the Properties panel. The interface centers on a live canvas so you can iterate quickly for backgrounds, hero art, and abstract branding textures. The project lists a Framer plugin for bringing similar workflows into Framer, and a donate link for supporting the author, Filipe Esteves. This Uwarp page embeds the public app so you can try settings next to our other visual tools.

What you can adjust

Core controls called out in the app.

  1. Matrix settings: Tune proportion, size, and color to set the global look of the pattern before fine detail.
  2. Dot radius and waves: Control dot radius, amplitude, waves, and frequency for ripple-like or structured motion in the field.
  3. Branding and export context: Use the live preview to judge contrast and scale for web hero sections and social backdrops.
  4. Framer plugin on the main site: When you outgrow the embed, the source site advertises a Framer plugin for related workflows in Framer projects.
  5. Version and author: The tool shows a version label; credit and support options stay on the origin site.

How to use this page

Move from play to a deliverable use case.

  1. Start with matrix settings: Lock proportion and color direction before pushing wave details so the pattern stays readable.
  2. Test at real widths: Resize the browser or open full screen to see how density reads on desktop and phone.
  3. Check contrast for text: If the pattern will sit behind type, keep enough separation so WCAG goals stay achievable.
  4. Confirm export and license on the source: Screenshots, plugins, and download terms are defined on durves.com; follow them for client and commercial work.

Tips for pattern backgrounds

Abstract fields look strong until you ship on real content.

  1. Reduce motion for sensitive users: If the canvas animates, plan a calmer static variant for prefers-reduced-motion and accessibility reviews.
  2. Match brand neutrals: Pull pattern neutrals from your palette so the texture does not fight marketing color rules.
  3. Name your favorite presets: Note parameter sets when a stakeholder likes a look so you can reproduce it after refresh.

Great for

When Durves is a good fit in the workflow.

  1. Marketing and brand designers: Generate hero and landing textures without a heavy 3D pipeline.
  2. Framer users: Explore the in-browser app, then try the Framer plugin path the site advertises if it matches your build.
  3. Solo creators: Iterate quickly for posters, event pages, and portfolio backgrounds.
  4. Prototypers: Drop abstract fills behind mock UI when you need visual interest but not final illustration.

Why use Durves on Uwarp

Directory placement and a stable local URL.

  1. Lives in Visual showcase: Listed with other interactive and experimental web visuals.
  2. Stable Uwarp path: Link `/durves` in notes or handoffs for a single entry point.
  3. We do not host the app: Uwarp embeds durves.com; features and version strings update on the source site.

Technical notes

This page embeds https://www.durves.com/. Uwarp does not run the pattern engine on our servers.

  1. Embed source: The iframe loads the public Durves app over HTTPS.
  2. Performance and device support: Smoothness depends on the browser and device; heavy settings may stutter on low-end hardware.
  3. If the embed fails: Open https://www.durves.com/ in a full tab when iframes are blocked or the canvas will not start.

Frequently Asked Questions

Have questions? We have answers.