• Townie
    AI
  • Blog
  • Docs
  • Pricing
  • We’re hiring!
Log inSign up
dcm31

dcm31

wondrousCyanBat

Public
Like
wondrousCyanBat
Home
Code
2
README.md
H
main.tsx
Branches
1
Pull requests
Remixes
History
Environment variables
Val Town is a collaborative website to build and scale JavaScript apps.
Deploy APIs, crons, & store data – all from the browser, and deployed in milliseconds.
Sign up now
Code
/
Code
/
Search
main.tsx
https://dcm31--92406aa8278311f0b46e569c3dd06744.web.val.run
README.md

Hand-Drawn Card Generator

This is a HTTP Val that generates a hand-drawn card using SVG. The card has a wavy outline with smooth corners that give it a hand-drawn appearance.

Features

  • Dynamically generates an SVG card with wavy edges
  • Uses mathematical algorithms to create a natural hand-drawn look
  • Implements a seeded random number generator for reproducible variations
  • Allows generating new variations with the click of a button

How It Works

The card is generated using these main steps:

  1. Creates points along a rounded rectangle path
  2. Adds random variations to each point to create a hand-drawn effect
  3. Uses Bezier curves for smooth transitions between points
  4. Renders the card with a white fill and black outline

Usage

Visit this Val directly to see the generated card. Click the "Generate New Variation" button to create a new random card shape. Each variation uses a seed value that can be shared via URL parameter for reproducibility.

HTTP
  • main.tsx
    dcm31--92…44.web.val.run
Code
README.md
H
main.tsx
FeaturesVersion controlCode intelligenceCLI
Use cases
TeamsAI agentsSlackGTM
DocsShowcaseTemplatesNewestTrendingAPI examplesNPM packages
PricingNewsletterBlogAboutCareers
We’re hiring!
Brandhi@val.townStatus
X (Twitter)
Discord community
GitHub discussions
YouTube channel
Bluesky
Terms of usePrivacy policyAbuse contact
© 2025 Val Town, Inc.