Hand-Drawn Card Showcase

A showcase application that demonstrates both the Ballpoint Pen Card and Marker Pen Card components in different themes and configurations.

• Interactive live demo of both card styles side-by-side
• Theme switcher with Light, Dark, and Pastel themes
• Global controls for card dimensions
• Individual controls for each card's specific parameters
• Responsive design for various screen sizes

• Fine line style with waviness adjustments
• Controlled by stroke width and waviness parameters
• Simulates the look of a ballpoint pen drawing

• Variable thickness borders with sine wave patterns
• Controlled by min/max thickness and wave frequency
• Simulates the look of a marker pen drawing

• Card Width: Adjust the width of both cards simultaneously
• Card Height: Adjust the height of both cards simultaneously

• Stroke Width: Adjust the thickness of the pen line
• Waviness: Adjust how much the line wavers for a hand-drawn look

• Min Thickness: Set the minimum border thickness
• Max Thickness: Set the maximum border thickness
• Number of Waves: Control how many thickness waves appear around the border

• Light: Clean design with white cards and dark strokes
• Dark: Deep blue background with vivid accent colors
• Pastel: Soft colors with gentle contrasts

This showcase imports and demonstrates the cards created by:

• BallpointPenCard from https://val.town/v/dcm31/avidAmberWallaby
• MarkerPenCard from https://val.town/v/dcm31/markerPenCard

You can use this showcase to explore the different possible styles and configurations for these hand-drawn card components.