• Townie
    AI
  • Blog
  • Docs
  • Pricing
Log inSign up
malcolmocean

malcolmocean

babyQwerty

Public
Like
babyQwerty
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://malcolmocean--865648e030fa11f09d7d569c3dd06744.web.val.run
README.md

Baby Keyboard 🧸

A deterministic baby keyboard where actions have predictable, educational consequences to help babies learn cause and effect.

Features

Deterministic Interactions

  • Hold to Grow: Keys start growing immediately when pressed, reaching 2x size over 2 seconds
  • Progressive Animations:
    • 0-2s: Key grows smoothly to 2x size
    • 3s: Key starts vibrating while staying large
    • 5s: Key begins spinning while vibrating
  • Release to Reset: Letting go immediately stops all animations and shrinks the key back to normal

Position-Based Colors

Keys light up with colors that map to their keyboard position:

  • A = Blue (bottom-left anchor)
  • 9 = Red (top-right numbers)
  • M = Green (bottom-right letters)
  • Colors smoothly interpolate across the keyboard in an RGB triangle pattern
  • Keys to the right of 9 & M show beautiful yellows and warm tones

Visual Feedback

  • Keys are grey by default
  • Immediate color feedback when pressed
  • White text on colored backgrounds for contrast
  • Enhanced shadows and borders when active

Educational Value

  • Cause & Effect: Every action has a predictable, visible consequence
  • Temporal Learning: Babies learn that holding longer creates more dramatic effects
  • Spatial Awareness: Color patterns help babies understand keyboard geography
  • Motor Skills: Encourages intentional key holding vs. random pressing

TODO

  • try to disable more keys (while still having a way to get out)

NOTES TO SELF

Things to disable to keep this active

(maybe there's a better way to do this with a special app-wrapper)

  • make full-screen
  • turn off alfred cmd-space
  • karabiner - turn off caps-lock to hyper so those hotkeys aren't activated
  • Settings -> three/four finger swipe to change spaces
  • see if I can turn off more of the fn keys
HTTP
  • main.tsx
    malcolmocean--86…44.web.val.run
Code
README.md
H
main.tsx
FeaturesVersion controlCode intelligenceCLI
Use cases
TeamsAI agentsSlackGTM
ExploreDocsShowcaseTemplatesNewestTrendingAPI examplesNPM packages
PricingNewsletterBlogAboutCareersBrandhi@val.townStatus
X (Twitter)
Discord community
GitHub discussions
YouTube channel
Bluesky
Terms of usePrivacy policyAbuse contact
© 2025 Val Town, Inc.