{"id":49898451,"url":"https://github.com/pibulus/button-studio","last_synced_at":"2026-05-16T01:37:29.649Z","repository":{"id":301753273,"uuid":"1010211836","full_name":"pibulus/button-studio","owner":"pibulus","description":"Voice button design studio - create gorgeous customizable recording buttons for websites","archived":false,"fork":false,"pushed_at":"2026-05-07T15:18:04.000Z","size":11091,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2026-05-07T16:40:02.697Z","etag":null,"topics":["deno","fresh","ui-design","voice-recording"],"latest_commit_sha":null,"homepage":null,"language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/pibulus.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2025-06-28T15:35:48.000Z","updated_at":"2026-05-07T15:20:59.000Z","dependencies_parsed_at":"2025-10-07T13:12:45.423Z","dependency_job_id":"20dd04b3-ab71-4d62-8441-e8c459348132","html_url":"https://github.com/pibulus/button-studio","commit_stats":null,"previous_names":["pibulus/button-studio"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/pibulus/button-studio","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pibulus%2Fbutton-studio","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pibulus%2Fbutton-studio/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pibulus%2Fbutton-studio/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pibulus%2Fbutton-studio/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/pibulus","download_url":"https://codeload.github.com/pibulus/button-studio/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pibulus%2Fbutton-studio/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":33087028,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-15T20:25:35.270Z","status":"ssl_error","status_checked_at":"2026-05-15T20:25:34.732Z","response_time":103,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.5:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["deno","fresh","ui-design","voice-recording"],"created_at":"2026-05-16T01:37:26.365Z","updated_at":"2026-05-16T01:37:29.641Z","avatar_url":"https://github.com/pibulus.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# ButtonSpa.app\n\n\u003e **Make cute buttons that do real things.**\n\nButtonSpa is a playful builder for buttons that do things: useful little\nworkflows wrapped in buttons people actually want to tap. Today it starts with\nvoice transcription, tactile effects, and PWA export. The wider shape is simple:\npolished buttons that can be shared, embedded, installed, and wired to whatever\nwork needs one good tap.\n\n## Core Features\n\n### 🎮 **Modular Effects System**\n\n- **🫁 Breathe** - Gentle breathing animation\n- **⬆️ Bounce** - Satisfying vertical bounce\n- **🐛 Wiggle** - Playful rotation wiggle\n- **✨ Glow** - Dynamic glow that matches your button color\n- **💓 Pulse** - Smooth opacity pulse\n- **🌈 Rainbow** - Flowing gradient border magic\n\n### 🎨 **Lush Button Builder**\n\n- **Live preview** with instant updates\n- **Warm color palette** inspired by succulent morning dew\n- **Shape control** - circle, square, rounded with custom radius\n- **Shadow styles** - brutalist hard shadows or soft diffused\n- **Border thickness** - from subtle to chunky\n- **Smart conflict resolution** - effects that play nice together\n\n### 🎤 **Voice Magic**\n\n- **Real-time transcription** using Google Gemini\n- **Automatic clipboard copy** - your voice instantly becomes text\n- **Haptic feedback** on mobile devices\n- **Visual waveform** during recording\n- **Custom prompts** - translate, dramatize, or surprise yourself\n\n### 🛠️ **Developer Friendly**\n\n- **Export HTML/CSS** - grab your button code instantly\n- **PWA packaging** - save a button to your phone as a tiny app\n- **TypeScript throughout** - fully typed for safety\n- **Modular architecture** - easy to extend and customize\n- **Performance optimized** - GPU-accelerated animations\n\n## 🚀 Quick Start\n\n```bash\n# Clone the vibes\ngit clone https://github.com/pibulus/button-studio.git\ncd button-studio\n\n# Install Deno (if you haven't already)\ncurl -fsSL https://deno.land/install.sh | sh\n\n# Start the magic\ndeno task start\n```\n\nVisit `http://localhost:8000` and start creating buttons that spark joy! 🎉\n\n## 🎯 Usage\n\n1. **Design Your Button** - Use the master controls to set size, shape, and\n   colors\n2. **Add Effects** - Click effect buttons to bring your button to life\n3. **Configure Voice** - Add your Gemini API key for transcription magic\n4. **Export \u0026 Share** - Save as HTML, share a link, or install as a tiny app\n\n## 🧬 Tech Stack\n\n- **[Deno Fresh 1.7.3](https://fresh.deno.dev/)** - The edge-rendered web\n  framework\n- **[Preact](https://preactjs.com/)** - Fast 3kB alternative to React\n- **[Twind](https://twind.dev/)** - Tailwind CSS-in-JS\n- **[Google Gemini](https://ai.google.dev/)** - AI-powered speech transcription\n- **Web APIs** - MediaRecorder, AudioContext, Vibration for native feel\n\n## 🎨 Design Philosophy\n\n**Soft Neo Toybrut** - A unique aesthetic combining:\n\n- **Kawaii minimalism** with playful, friendly interactions\n- **Brutalist borders** for that chunky, tactile feel\n- **Warm gradients** inspired by natural succulent colors\n- **Modular effects** following the 80/20 rule for maximum impact\n\n## 🤝 Contributing\n\nButtonSpa thrives on good vibes and creative energy! Feel free to:\n\n- 🐛 Report bugs with detailed reproduction steps\n- 💡 Suggest new effects or features\n- 🎨 Share your button creations\n- 🛠️ Submit PRs with improvements\n\n## 📄 License\n\nMIT License - Build amazing things! 🚀\n\n## 🙏 Credits\n\nCreated with love using [Claude Code](https://claude.ai/code) - where AI meets\nartisanal craftsmanship.\n\n---\n\n**Made for button lovers, voice note enthusiasts, and anyone who believes tiny\ninterfaces can still have a pulse.**\n\n```\n╭──────────────────────────────────╮\n│  Happy button making.            │\n╰──────────────────────────────────╯\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpibulus%2Fbutton-studio","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fpibulus%2Fbutton-studio","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpibulus%2Fbutton-studio/lists"}