diff --git a/CLAUDE.md b/CLAUDE.md new file mode 100644 index 0000000..1079199 --- /dev/null +++ b/CLAUDE.md @@ -0,0 +1,132 @@ +# CLAUDE.md — Jake Shore + +## Who I Am +Jake Shore. Founder of MCP Engage / OpenClaw. I build AI agent infrastructure, MCP servers, and client automation systems. Based in New York, timezone America/New_York. + +## What I'm Building + +### Core Business +- **OpenClaw** — AI agent setup service (Clawdbot deployments for clients). Upwork tiers: $2,499 / $7,499 / $24,999 +- **MCP Engage** — The company. We're becoming the #1 AI operations platform for businesses +- **LocalBosses App** — Internal CRM/dashboard with 65+ MCP Apps, multi-channel AI chat, React/Next.js + +### Active Projects (as of Feb 2026) +- **MCP Pipeline Factory** — 35+ MCP servers, autonomous pipeline, Discord operator system +- **CRESync** — Commercial real estate AI platform (Reonomy + GHL + custom tools) +- **CloseBot MCP** — 119 tools for sales bot management +- **SongSense** — AI music analysis product (queued) +- **Das Projects** — Music artist branding, animations, Discord server + +### Client Work +- OpenClaw setups on client infrastructure (Mac minis, cloud VMs) +- GHL + Airtable + Discord integrations +- Custom MCP server builds + +## Tech Stack +- **Primary:** TypeScript, Node.js, React, Next.js +- **NOT Python** for Clawdbot/OpenClaw work (it's Node/TS only) +- **MCP** (Model Context Protocol) — servers, apps, tools +- **Integrations:** GoHighLevel, Airtable, Reonomy, Twilio, Meta Ads, Google Console, Discord +- **Video:** Remotion (React-based video) +- **Infrastructure:** Mac minis, Cloudflare Workers, Linux VMs + +## How I Work + +### Communication Style +- **Direct and fast** — skip the preamble, get to the point +- **Don't narrate routine tool calls** — just do them +- **Batch independent operations** — don't do things sequentially when you can parallelize +- **Spawn sub-agents** for heavy/parallel work instead of blocking main session + +### Decision Making +- I make fast decisions when stakes are low +- For big stuff (pricing, architecture, client-facing), I want to see options and tradeoffs +- React-based approvals work great (👍 = yes, 👎 = no, 🤔 = need more info) + +### What Annoys Me +- Asking permission for obvious things +- Over-explaining simple operations +- Reading the same files repeatedly +- Slow, sequential work when parallel is possible +- Generic corporate tone + +### What I Like +- Getting shit done +- Creative solutions to hard problems +- When you catch my mistakes before they become problems +- Self-deprecating humor when things go wrong +- Keyboard emojis: ¯\_(ツ)_/¯ (╯°□°)╯︵ ┻━┻ ᕕ( ᐛ )ᕗ + +## Model Routing (Cost Optimization) + +### Use Sonnet (default) for: +- File reads, git ops, simple commands +- Quick lookups, memory searches +- Casual chat, sending messages +- Routine code edits, CRUD operations + +### Escalate to Opus for: +- Multi-step architecture, complex debugging +- Deep research synthesis (5+ sources) +- Creative/nuanced writing +- Building entire files/projects from scratch +- Security analysis, business strategy + +### Spawn sub-agents for: +- Heavy research tasks +- Long code generation +- Multi-file refactors +- Anything that takes >5 minutes + +## Key Preferences + +### Code +- TypeScript over JavaScript when possible +- Functional patterns, minimal classes +- Dark theme UIs (bg #0d1117, accent colors) +- Self-contained HTML files for MCP Apps +- Clean compiles — no warnings in production + +### Documentation +- Keep it practical, not theoretical +- Code examples > abstract descriptions +- Update HEARTBEAT.md with current task state +- Memory logs in `memory/YYYY-MM-DD.md` + +### Files & Organization +- Workspace: `~/.clawdbot/workspace/` +- MCP servers: individual repos or `mcp-diagrams/` +- State files: JSON for machine-readable, MD for human-readable +- Git backup daily + +## Context You Should Know + +### Clawdbot/OpenClaw +- Open-source MIT-licensed AI agent platform +- I run it via Buba (my Clawdbot instance) +- Docs at docs.clawd.bot, source at github.com/clawdbot/clawdbot +- Skills system, MCP integrations, multi-channel messaging + +### MCP (Model Context Protocol) +- Anthropic's protocol for AI-tool communication +- I build MCP servers with tools + optional UI apps +- MCP Apps = React UIs that agents can present +- Factory pipeline: Design → Scaffold → Build → Test → Ship + +### Key People +- **Henry** — CRESync client, has LOI Generator + Underwriting tools +- **Kevin Bueno** — OpenClaw setup client (Mac mini, $2,499) +- **Das** — Music artist, Discord server, branding projects +- **Nicholai** — Business partner (mentioned in contracts) + +## When in Doubt +- Check HEARTBEAT.md for current task state +- Search memory/ for past decisions +- Ask me directly if it's a reversible decision +- Just do it if it's low-risk and obvious + +## Session Start Checklist +1. Read HEARTBEAT.md for current context +2. Check if there's a pending task I left off +3. Use Sonnet unless the task clearly needs Opus +4. Don't re-read skill files you've used recently diff --git a/HEARTBEAT.md b/HEARTBEAT.md index 5c633b5..150da51 100644 --- a/HEARTBEAT.md +++ b/HEARTBEAT.md @@ -1,47 +1,54 @@ # HEARTBEAT.md — Active Task State ## Current Task -- **Project:** MCP Pipeline Factory + OpenClaw Upwork Launch -- **Last completed:** MCP Pipeline operator system (7 channels, 2 cron jobs, state.json), 8-week agent study plan (1,497 lines), CloseBot MCP (119 tools), factory testing infrastructure (30/30 servers 100% compliant), Das genre universe animation, OpenClaw gallery assets -- **Next step:** Jake reviewing OpenClaw video + gallery → Upwork listing, testing strategy decision for 8→9 advancement -- **Blockers:** Expired Anthropic API key in localbosses-app .env.local, testing strategy decision pending +- **Project:** OpenClaw Upwork Launch + MCP Pipeline Operations +- **Last completed:** Opus 4.6 announcement coverage, $20k OpenClaw deal closed, LocalBosses UI critique, MEGA Deck v3 (16 slides), Design skill breakdown for Jake +- **Next step:** Jake reviewing OpenClaw video + gallery → Upwork listing finalization +- **Blockers:** Expired Anthropic API key in localbosses-app .env.local, testing strategy decision pending, GHL 42 failing tests ## Active Projects -### MCP Pipeline Factory (PRIMARY — ACTIVE) -- **Location:** `mcp-command-center/` -- **Status:** Fully operational — autonomous operator mode -- **Discord channels:** 7 channels in "MCP PIPELINE" category -- **Cron jobs:** Daily standup 9 AM, heartbeat every 2 hours -- **State:** 35 MCPs at Stage 8 (Integration Complete) -- **Pending:** Testing strategy decision (dec-001) — no reaction yet -- **Dashboard:** `http://192.168.0.25:8888` - -### OpenClaw Upwork Service Launch +### OpenClaw Upwork Service Launch (PRIMARY — PENDING REVIEW) - **Location:** `openclaw-gallery/` - **Status:** All assets complete, awaiting Jake review - **Assets:** 15 graphics, 6 mockups, 2 PDFs, 90-sec Remotion video - **Pricing:** $2,499 / $7,499 / $24,999 tiers finalized - **Next:** Upwork listing finalization after Jake approves video +- **Win:** First $20k deal closed + $2k/mo retainer (hospice business) + +### MCP Pipeline Factory (OPERATIONAL) +- **Location:** `mcp-command-center/` +- **Status:** Fully operational — autonomous operator mode +- **Discord channels:** 7 channels in "MCP PIPELINE" category +- **Cron jobs:** Daily standup 9 AM, heartbeat every 2 hours +- **State:** + - Stage 16 (Website Built): 31 MCPs ready for deployment + - Stage 11 (Edge Case Testing): 4 (BIG4 + GHL) — GHL BLOCKED on 42 tests + - Stage 8 (Integration Complete): 2 (meta-ads, twilio) — need API keys + - Stage 7 (UI Apps Built): 2 (closebot, google-console) — awaiting design approval + - Stage 6 (Core Tools Built): 19 — need test coverage + - Stage 5 (Scaffolded): 6 (compile only) +- **Dashboard:** `http://192.168.0.25:8888` ### LocalBosses App - **Location:** `localbosses-app/` - **Status:** Major feature sprint completed, all bugs fixed - **Dev server:** `192.168.0.25:3000` - **Blocker:** Expired Anthropic API key in .env.local +- **New:** Steve Jobs-style UI critique delivered — recommendations ready if Jake wants redesign -### CloseBot MCP (NEW — COMPLETE) +### CloseBot MCP - **Location:** `closebot-mcp/` - **Status:** 119 tools, 4,656 lines, compiles clean - **Needs:** CLOSEBOT_API_KEY env var for live testing -### Factory Testing Infrastructure (NEW — COMPLETE) +### Factory Testing Infrastructure - **Location:** `factory-tools/` - **Status:** All 30 servers patched and rebuilt, 100/100 compliance - **Tools:** mcp-jest, mcp-validator, mcp-add, MCP Inspector - **Ready:** 702 test cases for live API testing (needs API keys) -### 8-Week Agent Study Plan (NEW — COMPLETE) +### 8-Week Agent Study Plan - **Location:** `agent-repos-study-plan.md` - **Status:** 1,497 lines, posted to #trending-agent-repos - **Curriculum:** Pydantic-AI → MS Agent Framework → Agent-S → GPT Researcher → Yao → MetaGPT → ElizaOS → Capstone @@ -50,13 +57,12 @@ - **Status:** Full architecture designed, Jake approved, build hasn't started - **Priority:** Still queued behind current sprint -### MCP Servers (30 built earlier + 5 new) -- **Status:** 35 total, all at Stage 8, all compile clean -- **New:** CloseBot, Meta Ads, Google Console, Twilio, plus others - -### GHL MCP Apps (65 apps — COMPLETE) -- **Location:** `mcp-diagrams/GoHighLevel-MCP/src/ui/react-app/src/apps/` -- **Status:** All 65 built, integrated into LocalBosses CRM channel +## Today's Wins +- **Opus 4.6 released** — 1M token context window +- **$20k OpenClaw deal closed** + $2k/mo retainer +- **Design skill explained** — Jake understands the "secret sauce" now +- **MEGA Deck v3** — 16 cinematic slides delivered +- **LocalBosses UI critique** — Steve Jobs breakdown delivered ## Das Projects - **Genre Universe Animation:** Delivered to #manim (1080p60, 30 sequences) @@ -66,7 +72,7 @@ ### Burton Method Research Intel - **Location:** `memory/burton-method-research-intel.md` -- **Status:** Updated Feb 4 — 7Sage reversal, Preply $150M raise +- **Status:** Updated Feb 5 — 7Sage self-directed pivot, PowerScore + Spivey partnership ### Smart Model Routing - **Status:** Active — Sonnet default, auto-escalate to Opus @@ -77,4 +83,4 @@ - **Pending:** Daily backup commit --- -*Last updated: 2026-02-04 23:00 EST* +*Last updated: 2026-02-05 23:00 EST* diff --git a/OpenClaw_Contract_KevinBueno.html b/OpenClaw_Contract_KevinBueno.html new file mode 100644 index 0000000..5a9487d --- /dev/null +++ b/OpenClaw_Contract_KevinBueno.html @@ -0,0 +1,341 @@ + + + + + + Statement of Work — OpenClaw Setup + + + + +

Statement of Work

+

OpenClaw AI Platform Setup

+
+ Contract Reference: QU-025-20 | Created: February 5, 2026 | Expires: February 19, 2026 +
+ +

Parties

+
+
+
Service Provider
+
Jake Shore
+
MCP Engage
+
jake@localbosses.org
+
www.mcpengage.com
+
+
+
Client
+
Kevin Bueno
+
Snap Dental Labs
+
+
+ +

Project Overview

+ + + + + + + + + + + + + +
ProjectOpenClaw AI Operations Platform Setup
TierStarter
InfrastructureClient-provided Mac mini (remote access)
+ +

Scope Summary: Setup of OpenClaw AI Operations Platform on Client-provided Mac mini via remote access, with one (1) messaging platform (Discord), including Airtable Integration and GoHighLevel CRM Integration.

+ +

Compensation

+ + + + + + + + + + + + + + + + + +
DescriptionAmount (USD)
Total Fixed Fee$2,499.00
Deposit (50% upfront, due on acceptance)$1,249.50
Final Payment (50%, due on delivery)$1,249.50
+ +

Payment Terms: Payment due immediately upon invoice.

+ +
+ Refund Policy: Refunds are generally not provided except in cases of gross negligence by Vendor in performing the Services. Client acknowledges that Vendor commits significant time and resources upon project commencement.

+ Dispute Process: To request a refund, Client must submit a written dispute to jake@localbosses.org within seven (7) calendar days of the alleged issue, including: (a) a detailed description of the issue, (b) evidence of gross negligence, and (c) proposed resolution. Vendor will respond within five (5) business days. +
+ +

Timeline

+ + + + + + + + + + + + + +
MilestoneTarget
Project StartWithin 2 business days of deposit
Project Completion5-7 business days from start
+ +

Terms & Conditions

+ +

1. Services

+

MCP Engage ("Vendor") shall perform the following AI operations platform setup services (the "Services"): installation and configuration of OpenClaw (Clawdbot platform), Discord messaging channel integration, Airtable database integration, GoHighLevel CRM integration, environment setup with secure credential management, AI model configuration, basic persona and identity configuration, memory system setup, and initial testing and validation. Any service not expressly listed is a Change (see § 5).

+ +

2. Deliverables

+

2.1 OpenClaw Installation. Fully installed and configured OpenClaw (Clawdbot) system on Client-provided Mac mini via remote access.

+

2.2 Messaging Integration. One (1) Discord channel connected and configured with appropriate security and access controls.

+

2.3 CRM & Database Integration. Airtable and GoHighLevel integrations configured and tested, with API connections validated.

+

2.4 Documentation. Basic usage documentation and configuration notes provided.

+ +

3. Review & Approval Process

+

3.1 Testing Phase. Vendor will provide Client with access to the configured system for testing and validation.

+

3.2 Client Feedback Window. Client shall provide feedback within two (2) business days of completion notice. If Client has not responded by this deadline, Vendor will issue a written reminder. Should Client fail to respond within two (2) additional business days after such reminder, the Deliverables will be deemed accepted.

+

3.3 Revisions. Reasonable revisions to configuration within the original scope are included at no additional charge during the testing phase. Changes to scope require a Change Order under § 5.

+ +

4. Compensation & Payment Terms

+

4.1 Fixed Fee. All Services are provided for a total fixed fee of TWO THOUSAND FOUR HUNDRED NINETY-NINE U.S. DOLLARS ($2,499.00 USD), exclusive of all taxes unless Client supplies a valid exemption certificate.

+

4.2 Deposit — Work Start. Fifty percent (50%) of the Fixed Fee ($1,249.50 USD) is due immediately upon Client's acceptance of this SOW. Vendor will not commence—and has no obligation to commence—any Services until the deposit funds have fully cleared Vendor's bank account.

+

4.3 Final Payment. The remaining fifty percent (50%) of the Fixed Fee ($1,249.50 USD) is due immediately upon completion and delivery of all Deliverables.

+

4.4 Refund Policy.

+ +

4.5 Late-Payment Fees. Any amount not paid when due shall bear interest at one-and-one-half percent (1.5%) per month (18% per annum) or the maximum rate permitted by applicable law, whichever is lower, from the due date until paid in full. Client is also responsible for all reasonable collection costs, including attorneys' fees.

+ +

5. Change Management

+

Any Change must be documented in a written change order ("Change Order") stating scope, fee, and timeline adjustments, signed by both parties. Vendor has no obligation to begin a Change until it receives the executed Change Order and any associated payment.

+ +

6. Delivery & Acceptance

+

Vendor will provide Client with access credentials and system documentation via secure electronic transfer. Client shall have two (2) business days ("Acceptance Period") to test the system and request reasonable revisions within scope. If Client has not submitted written feedback by the end of the Acceptance Period, Vendor will issue a written reminder. Should Client fail to respond within two (2) additional business days after that reminder, the Deliverables will be deemed accepted.

+ +

7. Client Responsibilities

+

7.1 Infrastructure. Client shall provide a Mac mini with macOS for the OpenClaw installation. Vendor will perform installation and configuration via remote access (screen sharing or SSH). Client is responsible for network connectivity and remote access setup.

+

7.2 Credentials. Client must provide all necessary API keys, access credentials, and account permissions for Discord, Airtable, and GoHighLevel.

+

7.3 Cooperation. Client shall respond to reasonable requests for information and access in a timely manner to avoid project delays.

+ +

8. Technical Specifications

+

8.1 Platform. OpenClaw runs on Clawdbot, an open-source MIT-licensed platform.

+

8.2 AI Model. Configuration will support Anthropic Claude, OpenAI, or Client's preferred AI model provider (Client responsible for API costs).

+

8.3 Security. All credentials will be stored securely using industry-standard environment variable management.

+ +

9. Exclusions & Additional Costs

+ + +

10. Rights & Ownership

+

10.1 Open Source. OpenClaw (Clawdbot) is open-source software under the MIT License. Client receives full access to the codebase and may modify it freely.

+

10.2 Configuration. Upon full payment, all configuration files, documentation, and custom scripts created by Vendor become the property of Client.

+

10.3 No Warranty. The open-source software is provided "AS IS" without warranty of any kind. Vendor's obligation is limited to proper installation and configuration of the software.

+ +

11. Limitation of Liability

+

VENDOR'S TOTAL LIABILITY ARISING OUT OF OR RELATED TO THIS SOW SHALL NOT EXCEED THE TOTAL FIXED FEE PAID BY CLIENT ($2,499.00 USD). VENDOR SHALL NOT BE LIABLE FOR ANY INDIRECT, INCIDENTAL, SPECIAL, CONSEQUENTIAL, OR PUNITIVE DAMAGES, INCLUDING LOST PROFITS, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGES.

+ +

12. Suspension & Termination by Vendor

+

Vendor may suspend work or terminate this SOW immediately upon written notice if (a) any payment is more than three (3) days late, (b) Client materially breaches this SOW, or (c) Client fails to provide necessary credentials, access, or cooperation as outlined in § 7.

+ +

13. Governing Law & Venue

+

This SOW is governed by the laws of the State of Florida. Any disputes shall be resolved in the state or federal courts located in Pinellas County, Florida, and each party consents to personal jurisdiction and venue in those courts.

+ +

14. Quote Approval & Execution

+

Acceptance of this quote—whether by electronic signature, physical signature, or issuance of a purchase order referencing this SOW—constitutes Client's binding agreement to all terms herein. This SOW may be executed in counterparts, each deemed an original.

+ +

15. Entire Agreement

+

This SOW constitutes the entire agreement between the parties concerning the subject matter hereof and supersedes all prior agreements, understandings, and communications.

+ +
+

Signatures

+

By signing below, both parties agree to all terms and conditions set forth in this Statement of Work.

+ +
+
+
Service Provider
+
+
Jake Shore, MCP Engage
+
+ Date: +
+
+
+
+
Client
+
+
Kevin Bueno, Snap Dental Labs
+
+ Date: +
+
+
+
+
+ + + diff --git a/OpenClaw_Contract_KevinBueno.md b/OpenClaw_Contract_KevinBueno.md new file mode 100644 index 0000000..8751dd3 --- /dev/null +++ b/OpenClaw_Contract_KevinBueno.md @@ -0,0 +1,172 @@ +# STATEMENT OF WORK — OpenClaw Setup + +**Contract Reference:** QU-025-20 +**Creation Date:** February 5, 2026 +**Quote Expiry:** February 19, 2026 + +--- + +## Parties + +**Service Provider:** +Jake Shore +MCP Engage +jake@localbosses.org +www.mcpengage.com + +**Client:** +Kevin Bueno +Snap Dental Labs + +--- + +## Project Overview + +**Project:** OpenClaw AI Operations Platform Setup +**Tier:** Starter +**Infrastructure:** Client-provided Mac mini (remote access) + +### Scope Summary +Setup of OpenClaw AI Operations Platform on Client-provided Mac mini via remote access, with one (1) messaging platform (Discord), including Airtable Integration and GoHighLevel CRM Integration. + +--- + +## Compensation + +| Description | Amount | +|-------------|--------| +| **Total Fixed Fee** | **$2,499.00 USD** | +| Deposit (50% upfront) | $1,249.50 USD | +| Final Payment (50% at completion) | $1,249.50 USD | + +**Payment Terms:** Payment due immediately upon invoice. + +### Refund Policy +Refunds are generally not provided except in cases of gross negligence by Vendor in performing the Services. Client acknowledges that Vendor commits significant time and resources upon project commencement. + +**Dispute Process:** To request a refund, Client must submit a written dispute to jake@localbosses.org within seven (7) calendar days of the alleged issue, including: (a) a detailed description of the issue, (b) evidence of gross negligence, and (c) proposed resolution. Vendor will respond within five (5) business days. If parties cannot reach resolution, disputes shall be resolved per § 13. + +--- + +## Timeline + +| Milestone | Target | +|-----------|--------| +| **Project Start** | Within 2 business days of deposit | +| **Project Completion** | 5-7 business days from start | + +--- + +## Statement of Work & Terms + +### 1. Services +MCP Engage ("Vendor") shall perform the following AI operations platform setup services (the "Services"): +- Installation and configuration of OpenClaw (Clawdbot platform) +- Discord messaging channel integration +- Airtable database integration +- GoHighLevel CRM integration +- Environment setup with secure credential management +- AI model configuration +- Basic persona and identity configuration +- Memory system setup +- Initial testing and validation + +Any service not expressly listed is a Change (see § 5). + +### 2. Deliverables + +**2.1 OpenClaw Installation.** Fully installed and configured OpenClaw (Clawdbot) system on Client-provided Mac mini via remote access. + +**2.2 Messaging Integration.** One (1) Discord channel connected and configured with appropriate security and access controls. + +**2.3 CRM & Database Integration.** Airtable and GoHighLevel integrations configured and tested, with API connections validated. + +**2.4 Documentation.** Basic usage documentation and configuration notes provided. + +### 3. Review & Approval Process + +**3.1 Testing Phase.** Vendor will provide Client with access to the configured system for testing and validation. + +**3.2 Client Feedback Window.** Client shall provide feedback within two (2) business days of completion notice. If Client has not responded by this deadline, Vendor will issue a written reminder. Should Client fail to respond within two (2) additional business days after such reminder, the Deliverables will be deemed accepted. + +**3.3 Revisions.** Reasonable revisions to configuration within the original scope are included at no additional charge during the testing phase. Changes to scope require a Change Order under § 5. + +### 4. Compensation & Payment Terms + +**4.1 Fixed Fee.** All Services are provided for a total fixed fee of TWO THOUSAND FOUR HUNDRED NINETY-NINE U.S. DOLLARS ($2,499.00 USD), exclusive of all taxes unless Client supplies a valid exemption certificate. + +**4.2 Deposit — Work Start.** Fifty percent (50%) of the Fixed Fee ($1,249.50 USD) is due immediately upon Client's acceptance of this SOW. Vendor will not commence—and has no obligation to commence—any Services until the deposit funds have fully cleared Vendor's bank account. + +**4.3 Final Payment.** The remaining fifty percent (50%) of the Fixed Fee ($1,249.50 USD) is due immediately upon completion and delivery of all Deliverables. + +**4.4 Refund Policy.** +- (a) Refunds are generally not provided. Client acknowledges that Vendor commits significant time, resources, and expertise upon project commencement, and that the Fixed Fee reflects this commitment. +- (b) Refunds may be considered solely in cases of gross negligence by Vendor in performing the Services as defined in § 1. +- (c) **Dispute Process:** To request a refund, Client must submit a written dispute to jake@localbosses.org within seven (7) calendar days of the alleged issue. The dispute must include: (i) a detailed description of the issue, (ii) specific evidence demonstrating gross negligence by Vendor, and (iii) Client's proposed resolution. Vendor will acknowledge receipt within two (2) business days and provide a substantive response within five (5) business days. If the parties cannot reach a mutually acceptable resolution through good-faith negotiation, the dispute shall be resolved in accordance with § 13 (Governing Law & Venue). +- (d) For the avoidance of doubt, Client dissatisfaction with the Deliverables, changes in Client's business needs, or Client's failure to provide required credentials, access, or cooperation under § 7 shall not constitute grounds for a refund. + +**4.5 Late-Payment Fees.** Any amount not paid when due shall bear interest at one-and-one-half percent (1.5%) per month (18% per annum) or the maximum rate permitted by applicable law, whichever is lower, from the due date until paid in full. Client is also responsible for all reasonable collection costs, including attorneys' fees. + +### 5. Change Management +Any Change must be documented in a written change order ("Change Order") stating scope, fee, and timeline adjustments, signed by both parties. Vendor has no obligation to begin a Change until it receives the executed Change Order and any associated payment. + +### 6. Delivery & Acceptance +Vendor will provide Client with access credentials and system documentation via secure electronic transfer. Client shall have two (2) business days ("Acceptance Period") to test the system and request reasonable revisions within scope. If Client has not submitted written feedback by the end of the Acceptance Period, Vendor will issue a written reminder. Should Client fail to respond within two (2) additional business days after that reminder, the Deliverables will be deemed accepted. + +### 7. Client Responsibilities + +**7.1 Infrastructure.** Client shall provide a Mac mini with macOS for the OpenClaw installation. Vendor will perform installation and configuration via remote access (screen sharing or SSH). Client is responsible for network connectivity and remote access setup. + +**7.2 Credentials.** Client must provide all necessary API keys, access credentials, and account permissions for Discord, Airtable, and GoHighLevel. + +**7.3 Cooperation.** Client shall respond to reasonable requests for information and access in a timely manner to avoid project delays. + +### 8. Technical Specifications + +**8.1 Platform.** OpenClaw runs on Clawdbot, an open-source MIT-licensed platform. + +**8.2 AI Model.** Configuration will support Anthropic Claude, OpenAI, or Client's preferred AI model provider (Client responsible for API costs). + +**8.3 Security.** All credentials will be stored securely using industry-standard environment variable management. + +### 9. Exclusions & Additional Costs +- (a) The Fixed Fee excludes ongoing AI model API costs, hosting/infrastructure costs, and third-party tool subscriptions (Airtable, GoHighLevel, Discord, etc.). +- (b) Additional MCP server integrations, channels, skills, or automation workflows beyond the scope defined in § 1 require a Change Order. +- (c) Ongoing maintenance, support, or training beyond the initial delivery is not included and may be contracted separately. + +### 10. Rights & Ownership + +**10.1 Open Source.** OpenClaw (Clawdbot) is open-source software under the MIT License. Client receives full access to the codebase and may modify it freely. + +**10.2 Configuration.** Upon full payment, all configuration files, documentation, and custom scripts created by Vendor become the property of Client. + +**10.3 No Warranty.** The open-source software is provided "AS IS" without warranty of any kind. Vendor's obligation is limited to proper installation and configuration of the software. + +### 11. Limitation of Liability +VENDOR'S TOTAL LIABILITY ARISING OUT OF OR RELATED TO THIS SOW SHALL NOT EXCEED THE TOTAL FIXED FEE PAID BY CLIENT ($2,499.00 USD). VENDOR SHALL NOT BE LIABLE FOR ANY INDIRECT, INCIDENTAL, SPECIAL, CONSEQUENTIAL, OR PUNITIVE DAMAGES, INCLUDING LOST PROFITS, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGES. + +### 12. Suspension & Termination by Vendor +Vendor may suspend work or terminate this SOW immediately upon written notice if (a) any payment is more than three (3) days late, (b) Client materially breaches this SOW, or (c) Client fails to provide necessary credentials, access, or cooperation as outlined in § 7. + +### 13. Governing Law & Venue +This SOW is governed by the laws of the State of Florida. Any disputes shall be resolved in the state or federal courts located in Pinellas County, Florida, and each party consents to personal jurisdiction and venue in those courts. + +### 14. Quote Approval & Execution +Acceptance of this quote—whether by electronic signature, physical signature, or issuance of a purchase order referencing this SOW—constitutes Client's binding agreement to all terms herein. This SOW may be executed in counterparts, each deemed an original. + +### 15. Entire Agreement +This SOW constitutes the entire agreement between the parties concerning the subject matter hereof and supersedes all prior agreements, understandings, and communications. + +--- + +## Signatures + +**Service Provider:** + +___________________________ | Date: _______________ +Jake Shore, MCP Engage + +**Client:** + +___________________________ | Date: _______________ +Kevin Bueno, Snap Dental Labs diff --git a/OpenClaw_Setup_Contract_KevinBueno.xlsx b/OpenClaw_Setup_Contract_KevinBueno.xlsx new file mode 100644 index 0000000..2a6337b Binary files /dev/null and b/OpenClaw_Setup_Contract_KevinBueno.xlsx differ diff --git a/TLDR-web-scraping-2026.md b/TLDR-web-scraping-2026.md new file mode 100644 index 0000000..609e715 --- /dev/null +++ b/TLDR-web-scraping-2026.md @@ -0,0 +1,170 @@ +# TL;DR: Web Scraping in 2026 - What Actually Works? + +## The Brutal Truth + +**DIY scraping is dead for protected sites.** Cloudflare, DataDome, PerimeterX, and reCAPTCHA v3 have won the anti-bot arms race. Building your own infrastructure in 2026 is like reinventing the wheel—except the wheel is made of titanium and requires a PhD in ML. + +--- + +## Quick Recommendations + +### Just Tell Me What to Use: + +| Your Situation | Use This | Monthly Cost | +|----------------|----------|--------------| +| **Learning / Side Projects** | Crawlee (open-source) | $0 | +| **Startup (budget <$500)** | ScrapingBee | $50-500 | +| **Growing Company ($500-2k)** | Oxylabs | $500-2000 | +| **Enterprise / Mission-Critical** | Bright Data | $1000-5000+ | +| **Social Media Scraping** | Apify (pre-built actors) | $100-800 | +| **Cloudflare-Protected Sites** | Oxylabs or Bright Data | $800-2000 | + +--- + +## The Tier List + +### 🏆 S-Tier (Works on Hard Sites) +- **Bright Data** - 95-99% success on Cloudflare/DataDome. Expensive ($1k+/mo) but worth it. +- **Oxylabs** - 90-95% success. Best value in enterprise tier ($800-1.5k/mo). + +### 🥇 A-Tier (Works on Most Sites) +- **ScrapingBee** - 80-90% success on moderate protection. Best dev experience ($600-900/mo for 1M reqs). +- **Apify** - 70-85% with pre-built actors. Great for social media ($300-800/mo). + +### 🥈 B-Tier (Works on Unprotected / Lightly Protected) +- **Crawlee** - Best open-source option. 40-60% on protected sites. Free + your infrastructure. +- **Scrapy + Managed Proxies** - Old but gold for custom crawlers. Requires significant dev time. + +### 🚫 F-Tier (Don't Bother for Protected Sites) +- **Scrapy alone** - 10% success on Cloudflare. Only for internal/unprotected sites. +- **Selenium/Puppeteer/Playwright alone** - Detected instantly without extensive fingerprint spoofing. + +--- + +## Success Rates on Real Sites (Feb 2026) + +| Site Protection | Scrapy | Crawlee | Apify | ScrapingBee | Oxylabs | Bright Data | +|-----------------|--------|---------|-------|-------------|---------|-------------| +| **None** | 95% | 95% | 95% | 99% | 99% | 99% | +| **Basic Cloudflare** | 30% | 60% | 70% | 90% | 95% | 98% | +| **Cloudflare Pro** | 10% | 40% | 60% | 85% | 95% | 98% | +| **Cloudflare Enterprise** | 0% | 10% | 25% | 65% | 95% | 99% | +| **reCAPTCHA v3** | 0% | 10% | 60% | 85% | 90% | 95% | +| **DataDome/PerimeterX** | 0% | 5% | 15% | 50% | 88% | 93% | + +--- + +## Cost Reality Check (1M Requests/Month) + +| Solution | Cost | Real Total Cost (with dev time) | +|----------|------|----------------------------------| +| **Scrapy** | $150-400 | $150-400 + 4-8 weeks dev @ $10k = **$10k-20k** | +| **Crawlee** | $200-500 | $200-500 + 2-4 weeks dev @ $8k = **$8k-16k** | +| **Apify** | $300-800 | $300-800 + 1-2 weeks setup @ $2k = **$2.3k-2.8k** | +| **ScrapingBee** | $600-900 | $600-900 + 1-3 days setup @ $500 = **$1.1k-1.4k** ✅ | +| **Oxylabs** | $800-1500 | $800-1500 + 1-3 days setup @ $500 = **$1.3k-2k** | +| **Bright Data** | $1000-2000 | $1000-2000 + 1-3 days setup @ $500 = **$1.5k-2.5k** | + +**Conclusion**: Managed services are cheaper when you factor in developer time, unless you're scraping 10M+ requests/month. + +--- + +## Red Flags / Common Mistakes in 2026 + +### ❌ Don't Do This: +1. **Using Scrapy alone for Cloudflare sites** - You will fail. Save yourself weeks of pain. +2. **Buying cheap proxies from sketchy providers** - IP quality matters more than quantity. +3. **Building your own CAPTCHA solver** - It's 2026. This is a solved problem. Buy a service. +4. **Using residential proxies for everything** - Datacenter proxies work fine for unprotected sites and are 10x cheaper. +5. **Ignoring API rate limits** - Managed services have smart rate limiting. Use it. +6. **Not considering Apify's marketplace first** - Someone might have already built the exact scraper you need. + +### ✅ Do This Instead: +1. **Start with Crawlee** (free) to prototype and understand your target. +2. **Identify protection level**: Is it Cloudflare? CAPTCHAs? Try curl/fetch first. +3. **If protected, go straight to managed API** - Don't waste weeks building what exists. +4. **Use ScrapingBee** for general scraping needs (best balance). +5. **Use Bright Data/Oxylabs** only if you're hitting >70% block rates with ScrapingBee. +6. **Check Apify Store first** for popular targets (Instagram, Google Maps, Amazon, etc.). + +--- + +## The 2026 Meta + +### What Changed Since 2023-2024: +1. **Cloudflare Turnstile** is everywhere now - much harder than older challenges. +2. **reCAPTCHA v3** uses behavioral analysis - can't be "solved" traditionally. +3. **Browser fingerprinting** has evolved - random user agents don't work anymore. +4. **TLS fingerprinting** is mainstream - even your TLS handshake reveals you're a bot. +5. **AI-powered anti-bot** - DataDome and others use ML to detect subtle patterns. + +### What This Means: +- **Open-source scrapers struggle** unless you invest heavily in anti-detect tech. +- **Managed services have dedicated teams** fighting the anti-bot war full-time. +- **ROI has shifted** - paying for managed APIs is now cheaper than building in-house. + +--- + +## When to Use What + +### Use **Crawlee** (Open-Source) If: +- Scraping internal/partner sites (no anti-bot) +- Learning web scraping +- Building custom crawlers for specific workflows +- Budget is $0 and you have dev time + +### Use **ScrapingBee** If: +- Scraping moderate-to-hard protected sites +- Want fast integration (API in 10 minutes) +- Budget is $50-1000/month +- Need AI-powered data extraction +- Small to mid-size team + +### Use **Oxylabs** If: +- Scraping Cloudflare/DataDome protected sites +- Need enterprise success rates at better pricing +- Volume is 500k-10M+ requests/month +- Budget is $500-2000/month +- Want flexible proxy + API options + +### Use **Bright Data** If: +- Scraping the absolute hardest targets +- Failure is not an option (mission-critical) +- Enterprise scale (10M+ requests/month) +- Budget is $1000-10k+/month +- Need compliance guarantees + +### Use **Apify** If: +- Scraping popular sites (Instagram, TikTok, Google Maps, Amazon) +- Want pre-built, maintained scrapers +- Need scalable cloud infrastructure +- Don't want to manage servers +- Budget is $100-1000/month + +--- + +## The Bottom Line + +**For 99% of use cases in 2026:** + +1. **Try Crawlee first** (free, 1 day to test) +2. If blocked → **Try ScrapingBee** ($49/mo to start) +3. If still blocked → **Upgrade to Oxylabs** (best value) +4. If STILL blocked → **Use Bright Data** (nuclear option) + +**Don't build your own anti-bot infrastructure unless:** +- You're Netflix/Amazon/Microsoft scale +- You have a team of 5+ engineers to maintain it +- You're scraping 50M+ requests/month +- You enjoy pain and suffering + +--- + +## One-Sentence Summary + +**In 2026, use Crawlee for learning, ScrapingBee for most production scraping, and Oxylabs/Bright Data when ScrapingBee fails - building your own is a waste of time and money.** + +--- + +**Last Updated**: Feb 5, 2026 +**See full report**: `web-scraping-frameworks-2026-research.md` diff --git a/api_extraction_services_research_2026.md b/api_extraction_services_research_2026.md new file mode 100644 index 0000000..87f3dad --- /dev/null +++ b/api_extraction_services_research_2026.md @@ -0,0 +1,297 @@ +# API-Based Data Extraction Services Research (Feb 2026) + +## Executive Summary + +**Winner for Cleanest Data with Least Effort: Diffbot** + +For structured data quality and minimal setup effort, **Diffbot** emerges as the clear winner. Its AI-powered extraction returns semantically structured, pre-cleaned data that requires minimal post-processing. However, the choice depends on your specific use case and budget. + +--- + +## Detailed Service Comparison + +### 1. **Diffbot** ⭐⭐⭐⭐⭐ + +**Best For:** Organizations needing turnkey, high-quality structured data with minimal effort + +#### Data Quality +- **AI-Powered Understanding:** Uses computer vision + NLP to understand page meaning, not just extract HTML +- **Semantic Data:** Returns data with context/relationships preserved (Knowledge Graph format) +- **Pre-structured:** Returns clean JSON with 18+ entity types (Article, Product, Organization, Person, etc.) +- **Accuracy:** Industry-leading accuracy due to machine learning that understands content structure +- **Automatic Classification:** Identifies page types and extracts relevant fields without configuration + +#### Dynamic Content Handling +- ✅ JavaScript execution supported +- ✅ Auto-adapts to page structure changes +- ✅ Handles complex, unstructured websites +- ✅ No rule-writing required for 98% of public web + +#### Pricing (2026) +- **Startup Plan:** $299/month +- **Credit System:** 1 credit = 1 page extraction +- **Knowledge Graph Export:** 25 credits per entity record +- **With Datacenter Proxy:** 2 credits per page +- **Free Trial:** 14 days, no credit card required +- **Scale:** $299-$899/month depending on volume + +#### Pros +- Cleanest structured output - minimal data wrangling needed +- Knowledge Graph contains 2B+ pre-crawled entities (246M organizations, 1.6B articles) +- Semantic understanding allows complex queries +- API-first approach for easy integration +- No XPath, CSS selectors, or regex needed + +#### Cons +- Higher entry price point ($299/month minimum) +- More technical setup for Knowledge Graph queries +- Less suited for simple, one-off scraping tasks + +#### Verdict +**Best choice when:** You need enterprise-grade data quality, want to skip 80% of data cleaning work, or need to ask complex questions of your data. Worth the premium for production systems where data accuracy is critical. + +--- + +### 2. **Zyte** (formerly Scrapinghub) ⭐⭐⭐⭐ + +**Best For:** Large-scale scraping with flexible pricing and excellent dynamic content handling + +#### Data Quality +- **AI-Driven Extraction:** Smart extraction with AI assistance +- **Reliability:** User reviews praise dependable performance at scale +- **Managed Service Option:** Team handles extraction setup and maintenance + +#### Dynamic Content Handling +- ✅ Excellent JavaScript rendering (scriptable headless browser) +- ✅ Smart proxy rotation (residential + datacenter) +- ✅ Automatic CAPTCHA/anti-bot handling +- ✅ Smart ban detection and retries +- ✅ Geolocation targeting + +#### Pricing (2026) +**Usage-Based Tiered System:** +- Pay as you go (no minimum): $0.13-$1.27 per 1,000 HTTP responses +- $100/month commitment: $0.10-$0.95 per 1,000 responses +- $200/month: $0.08-$0.76 per 1,000 +- $500/month: $0.06-$0.61 per 1,000 +- **Browser Rendering:** $1.01-$16.08 per 1,000 (pay as you go) +- **5-Tier Website Difficulty:** Simple → Easy → Moderate → Complex → Advanced +- **Free Trial:** $5 credit, 30 days + +#### Pros +- Most flexible pricing model - pay only for what you use +- Excellent for JavaScript-heavy sites +- Strong at handling anti-bot protection +- Good integration options (API, webhooks, cloud exports) +- Legal compliance expertise (15+ years experience) + +#### Cons +- Costs can be unpredictable and "random" per user reviews +- Requires more manual configuration than Diffbot +- Data still needs cleaning/structuring post-extraction +- Browser rendering costs 10-15x more than HTTP + +#### Verdict +**Best choice when:** You need maximum flexibility with dynamic/complex websites, want usage-based pricing, or deal with sites that have heavy bot protection. Good for developers comfortable with some data post-processing. + +--- + +### 3. **Import.io** ⭐⭐⭐⭐ + +**Best For:** Non-technical users and enterprises needing managed services + +#### Data Quality +- **Out-of-Box Accuracy:** Works well on major/structured sites immediately +- **Visual Selection:** Point-and-click interface for data selection +- **AI Self-Healing:** Pipelines adapt when websites change +- **2x Success Rate:** Claimed to be twice as successful at complete data extraction vs traditional scrapers +- **Managed Service:** Team handles setup, maintenance, and site changes + +#### Dynamic Content Handling +- ✅ JavaScript execution supported +- ✅ Can handle multi-level navigation +- ✅ Scheduled refreshes with alerts +- ⚠️ Less effective on highly unstructured sites (requires XPath/regex knowledge) + +#### Pricing (2026) +- **No public pricing** - contact sales for quote +- Previous reports: ~$299-$399/month for lower tiers +- Positioned as premium/enterprise service +- Managed service adds significant cost but removes all maintenance burden + +#### Pros +- Most beginner-friendly interface +- Excellent customer support (24/7 email, chat, phone) +- Managed service handles everything for you +- Good integrations (Google Sheets, Power BI, Tableau, Excel) +- Real-time data extraction capability +- Data transforms and visualization built-in + +#### Cons +- Premium pricing (not transparent) +- Steeper learning curve for unstructured data +- Less powerful than Diffbot for complex AI-driven extraction +- Still requires some data wrangling +- "Extremely expensive" per some user reviews + +#### Verdict +**Best choice when:** You have budget for managed services, lack technical expertise, or want a strategic partner to handle all web data operations. Good for enterprises prioritizing support over DIY flexibility. + +--- + +### 4. **ParseHub** ⭐⭐⭐ + +**Best For:** Non-programmers needing to scrape JavaScript-heavy sites + +#### Data Quality +- **Visual Interface:** Point-and-click data selection +- **Training System:** Can train on multiple similar pages +- **Good for Patterns:** Effective once pattern is recognized + +#### Dynamic Content Handling +- ✅ Excellent JavaScript/AJAX support +- ✅ Handles infinite scroll, dropdowns, forms +- ✅ Desktop app for Windows & Mac +- ✅ Can navigate complex page interactions + +#### Pricing (2026) +- **Free Plan:** Limited pages per run +- **Paid Plans:** Start at $189/month +- **Scale Limitations:** Advanced features (unlimited pages, priority support) only on higher tiers + +#### Pros +- Very user-friendly for non-coders +- Strong at handling dynamic content +- Desktop application (no browser limitations) +- Scheduled scraping included +- API access for integrations + +#### Cons +- Data still requires cleaning/structuring +- Less powerful than Diffbot's AI for auto-extraction +- Can get expensive for large-scale projects ($189+ base) +- Learning curve for complex scenarios +- Not as production-ready as enterprise solutions + +#### Verdict +**Best choice when:** You're a non-technical user who needs to handle dynamic websites but can't afford Import.io's managed services. Good middle ground between ease-of-use and capability for JavaScript-heavy sites. + +--- + +### 5. **WebScraper.io** ⭐⭐⭐ + +**Best For:** Budget-conscious individuals and small businesses, simple to moderate tasks + +#### Data Quality +- **Point-and-Click:** Visual sitemap builder +- **Pattern Recognition:** "Magically" identifies patterns after selecting 2 elements +- **Customizable:** Sitemaps allow data structure customization + +#### Dynamic Content Handling +- ✅ Full JavaScript execution +- ✅ Waits for AJAX requests +- ✅ Multi-level navigation +- ✅ 99.9% success rate (with captcha bypass, bot protection bypass) + +#### Pricing (2026) +- **Free:** Browser extension for local use only (unlimited) +- **Project:** $50/month (5,000 URL credits, 2 parallel tasks) +- **Professional:** $100/month (20,000 URL credits, 3 parallel tasks) +- **Scale:** From $200/month (unlimited URL credits, custom parallel jobs) +- **Residential Proxy:** Optional $2.50/GB add-on +- **Free 7-day trial** for cloud plans + +#### Pros +- Most affordable entry point ($50/month or free for local) +- Free browser extension with unlimited local scraping +- Excellent value for price +- Good success rate with anti-bot measures +- Export to CSV, JSON, XLSX +- Cloud integrations (Dropbox, S3, Google Drive/Sheets) + +#### Cons +- Requires more manual configuration than AI tools +- Data quality depends on user setup +- Browser extension has limitations vs cloud +- Still needs significant data cleaning +- Learning curve despite visual interface + +#### Verdict +**Best choice when:** You're budget-conscious, need simple-to-moderate scraping, or want to test web scraping without commitment. The free browser extension is excellent for learning and small projects. + +--- + +## Summary Matrix + +| Service | Data Quality | Ease of Setup | Dynamic Content | Pricing | Best Use Case | +|---------|-------------|---------------|-----------------|---------|---------------| +| **Diffbot** | ⭐⭐⭐⭐⭐ | ⭐⭐⭐⭐ | ⭐⭐⭐⭐⭐ | $299/mo | Cleanest data, minimal effort | +| **Zyte** | ⭐⭐⭐⭐ | ⭐⭐⭐ | ⭐⭐⭐⭐⭐ | ~$0.06-1.27/1k | Flexible scale, complex sites | +| **Import.io** | ⭐⭐⭐⭐ | ⭐⭐⭐⭐⭐ | ⭐⭐⭐⭐ | $$$ (quote) | Managed service, support | +| **ParseHub** | ⭐⭐⭐ | ⭐⭐⭐⭐ | ⭐⭐⭐⭐ | $189/mo | Non-coders, JS sites | +| **WebScraper.io** | ⭐⭐⭐ | ⭐⭐⭐⭐ | ⭐⭐⭐⭐ | $50/mo | Budget, simple tasks | + +--- + +## Final Recommendations + +### For Cleanest Data with Least Effort: **Diffbot** 🏆 +- Returns semantically structured, pre-cleaned data +- Requires minimal to no data wrangling +- AI understands content meaning, not just HTML structure +- Best for production systems where data quality is paramount +- Worth the $299/month premium if data accuracy saves dev time + +### For Best Price/Performance: **Zyte** +- Usage-based pricing means you only pay for what you use +- Excellent for complex, JavaScript-heavy, bot-protected sites +- More effort needed for data cleaning vs Diffbot +- Good for developers comfortable with post-processing + +### For Non-Technical Teams: **Import.io** +- Managed service removes all technical burden +- Best support and partnership approach +- Most expensive but includes expert maintenance +- Good for enterprises with budget but limited technical staff + +### For Budget-Conscious: **WebScraper.io** +- Free browser extension for local use +- $50/month cloud plan is very affordable +- Requires more setup effort and data cleaning +- Great for learning and small-scale projects + +### For Non-Coders with JS Sites: **ParseHub** +- Good middle ground for ease-of-use vs capability +- Strong JavaScript handling without coding +- More affordable than managed services +- Better for one-time/periodic scraping than continuous feeds + +--- + +## Key Insight: Pricing vs Accuracy Tradeoff + +**The Data Quality Spectrum:** + +1. **Diffbot ($299+):** 90-95% clean data out of box → 10-20% post-processing effort +2. **Zyte/Import.io ($50-300+):** 70-80% clean → 30-50% post-processing +3. **ParseHub/WebScraper ($50-189):** 60-70% clean → 40-60% post-processing + +**Cost of Poor Data Quality:** +- Developer time cleaning data often exceeds tool cost differences +- If you're paying a developer $100/hr and they spend 10 extra hours/month cleaning data, that's $1,000 in labor +- Diffbot's extra $200/month becomes a bargain if it saves 2+ hours of dev time + +**Bottom Line:** For production systems, Diffbot's higher upfront cost is offset by dramatically lower data cleaning costs. For learning, prototyping, or simple projects, cheaper tools make more sense. + +--- + +## Research Sources +- Apify Blog: "11 Best Web Scraping Tools for 2026" (Jan 2026) +- Diffbot vs Import.io direct comparison (Diffbot blog) +- Scrapeless: "14 Best Web Scraping Tools" (2025) +- Official pricing pages (Feb 2026) +- User reviews from Capterra, G2, Reddit (2025-2026) +- Zyte pricing documentation +- Import.io product pages and case studies + +*Research conducted: February 5, 2026* diff --git a/browser-agents-research-feb-2026.md b/browser-agents-research-feb-2026.md new file mode 100644 index 0000000..b2f4349 --- /dev/null +++ b/browser-agents-research-feb-2026.md @@ -0,0 +1,554 @@ +# AI-Powered Browser Agents Research Report +**Date: February 5, 2026** +**Focus: AgentQL, Browser Use, Browserbase, MultiOn, Hyperwrite AI** + +## Executive Summary + +The AI browser agent landscape has matured dramatically in early 2026, but **the gap between hype and reliable performance remains significant**. Key findings: + +- **Browser Use** framework leads in actual performance (89% WebVoyager benchmark vs 87% for Operator) +- **AgentQL** provides superior element selection stability but is not a standalone agent +- **Browserbase/Stagehand** offers infrastructure reliability but at premium pricing +- **MultiOn** acknowledged looping issues in April 2025; current status unclear +- **Hyperwrite AI** rated 7.5/10 overall but limited browser agent functionality + +**The Reality Check:** All tools still struggle with CAPTCHAs, authentication, and complex workflows. Security vulnerabilities (especially prompt injection) remain a critical concern. + +--- + +## 1. Browser Use Framework + +### Performance & Accuracy +**Rating: ⭐⭐⭐⭐⭐ (Best in Class)** + +- **WebVoyager Benchmark: 89%** (highest among tested agents) +- **Custom ChatBrowserUse 2 API: 60%+ on hard tasks** (per their Jan 2026 benchmark) +- **Judge Alignment: 87%** with human evaluators + +**Element Selection:** Uses accessibility snapshots + HTML analysis. Self-healing capabilities when websites change markup. + +**Natural Language Understanding:** Excellent. Handles complex multi-step tasks like "research flight prices to Dubai across 5 airlines and create comparison spreadsheet" + +### Completion Rates +- Successfully completed 80% of business workflow benchmark tasks (observablehq.com template manipulation) +- Failed on: precise UI modifications (button styling), some data updates +- **Major limitation:** Requires multiple attempts for complex tasks + +### Speed +- **53 tasks per dollar** (advertised by Browser Use Cloud) +- Significantly faster than Anthropic Computer Use +- Reddit reports claim competitors like "Smooth" are 5x faster, but unverified + +### Cost Per Action +**Most Cost-Effective Option:** + +**Self-Hosted:** FREE (100% open source) +- Only pay for LLM API calls +- No Browser Use platform fees + +**Browser Use Cloud:** +- **Pay As You Go:** $0.002-$0.003 per step (depending on LLM) +- **Business Plan:** $400/month → $0.0015 per step (25% discount) + - ~2,000 agent runs/month with smart LLM + - ~10,000 runs/month with fast LLM +- **Browser Sessions:** $0.06/hour (PAYG), $0.03/hour (Business plan) +- **Proxy Data:** $10/GB (PAYG), $5/GB (Business) + +**Sample Cost:** Running 100 complex benchmark tasks = ~$10 + 3 hours (basic plan) + +### Real User Experiences + +**Successes:** +- "Fastest and most reliable for web automation tasks" (Reddit r/automation) +- Successfully handles multi-tab research, form filling, data extraction +- Good documentation and community support + +**Failures & Pain Points:** +- **CAPTCHA Nightmare:** "AI normally attempts to solve CAPTCHAs automatically... but fails most of the time" +- **Login Issues:** Cannot handle authentication reliably without manual intervention +- **Flakiness:** Network issues, dynamic content cause failures +- **Cost for Complex Tasks:** $100+ in API calls for claude-sonnet-4-5 on hard benchmarks + +### Verdict: Results vs Hype +**DELIVERS RESULTS** - Best open-source option with proven benchmarks. Cost-effective when self-hosted. Hype is justified by performance, but CAPTCHA/auth limitations are real. + +--- + +## 2. AgentQL + +### Performance & Accuracy +**Rating: ⭐⭐⭐⭐ (Specialized Tool)** + +**NOT a standalone browser agent** - It's a query language/locator system that makes other agents more reliable. + +**Element Selection:** ⭐⭐⭐⭐⭐ (Best in Class) +- **Semantic targeting** instead of brittle CSS selectors +- "Instead of `.submit_button12lsi`, describe what they are semantically like 'submit_button'" +- **Self-healing tests:** Survives layout changes, CSS class modifications +- AI-powered understanding of element context + +**Natural Language Understanding:** Excellent for element queries +- `getByPrompt('Entry to add todo items')` replaces `getByPlaceholder('What needs to be done?')` +- `queryData('{ todo_items[] }')` extracts structured data from pages + +### Completion Rates +Not applicable - AgentQL enhances completion rates of other tools (Browser Use, Playwright, etc.) + +### Speed +Fast - processes queries without heavy LLM overhead for every action + +### Cost Per Action +- **Requires API key** (pricing not publicly listed) +- Used primarily as a development tool, not per-action billing + +### Real User Experiences + +**Successes:** +- "Dramatically reduce maintenance" of automated tests +- "Tests more stable over time" than traditional selectors +- Works well with Playwright, integrated into Heal.dev platform + +**Limitations:** +- **Only works while user interactions stay the same** - if workflow changes (e.g., new required fields), tests still break +- Requires understanding of semantic queries +- Not a complete solution, just one piece + +### Verdict: Results vs Hype +**DELIVERS RESULTS for its purpose** - Makes element selection significantly more reliable. Not overhyped because it's positioned correctly as a development tool, not an end-user agent. + +--- + +## 3. Browserbase / Stagehand + +### Performance & Accuracy +**Rating: ⭐⭐⭐⭐ (Infrastructure Play)** + +**Browserbase:** Cloud browser infrastructure with anti-detection features +**Stagehand:** "OSS alternative to Playwright that's easier to use" (built by Browserbase) + +**Element Selection:** Natural language commands in Stagehand +- Self-healing capabilities +- Less granular control than AgentQL but easier to use + +**Natural Language Understanding:** Good +- "Describe what you want to happen" instead of writing selectors +- Scripts continue working when websites change markup + +### Completion Rates +- No public benchmarks available +- Positioned as infrastructure for other agents, not standalone solution + +### Speed +- Optimized for scale and reliability +- No specific performance benchmarks published + +### Cost Per Action +**NOT publicly listed** - Enterprise/developer infrastructure pricing +- Browserbase: Cloud browser sessions (headless Chrome as a service) +- No per-action pricing model found +- Likely session-based or compute-based pricing + +**Competitive positioning:** Against Browserless (also no longer publishes clear pricing), Steel Browser, Hyperbrowser + +### Real User Experiences + +**Successes:** +- Used by Browser Use framework as cloud infrastructure option +- Stealth features help avoid bot detection +- Session management for authenticated workflows + +**Failures & Pain Points:** +- Pricing opacity is a major concern +- Less community feedback than open-source alternatives +- Lock-in risk with proprietary infrastructure + +### Verdict: Results vs Hype +**INFRASTRUCTURE PLAY, NOT END-USER SOLUTION** - Delivers reliable cloud browsers but doesn't solve the hard problems (CAPTCHA, complex reasoning). More enterprise "plumbing" than revolutionary agent. Hype is moderate; results align with infrastructure expectations. + +--- + +## 4. MultiOn + +### Performance & Accuracy +**Rating: ⭐⭐⭐ (Concerning Issues)** + +**Last major update:** April 2025 announcement acknowledging critical issues + +**Element Selection:** Proprietary (details not public) + +**Natural Language Understanding:** Designed for multi-step web workflows +- "Plan events, book services, automate workflows" +- Agent API for developer integration + +### Completion Rates +**MAJOR ISSUE ACKNOWLEDGED:** +- **April 2025 Statement:** "If you've experienced looping in MultiOn, we hear you. We've identified and addressed the issue causing MultiOn to loop." +- "Incorrect element interactions and task execution failures" were documented + +**Current Status (Feb 2026):** Unclear - no recent benchmarks or performance data + +### Speed +No benchmarks available + +### Cost Per Action +**Pricing NOT publicly accessible:** +- Platform.multion.ai/pricing returns 404 error (Feb 2026) +- April 2024 announcement mentioned "flexible pricing based on API requests" +- Basic, Premium, Custom plans mentioned but details unavailable + +### Real User Experiences + +**Successes:** +- Y Combinator backing suggests early traction +- Agent API allows developer integration +- Parallel agents for scaling tasks + +**Failures & Pain Points:** +- **Looping Issues:** "MultiOn to loop... incorrect element interactions, and task execution failures" (April 2025) +- **API Key Problems:** "Multion API key page doesn't work" (April 2025 user report) +- **Compatibility:** "Some websites block or break under automated interaction" (Nov 2025) +- **Documentation Issues:** Links to developer console broken in 2025 + +**Community Sentiment:** +- Less discussion than Browser Use or Operator +- Integration tutorials exist (LangChain, LlamaIndex) but dated + +### Verdict: Results vs Hype +**HYPE EXCEEDS RESULTS** - Acknowledged major failures in Q2 2025. Limited recent evidence of improvements. Pricing opacity and broken infrastructure pages are red flags. Cannot recommend until they demonstrate reliability. + +--- + +## 5. Hyperwrite AI + +### Performance & Accuracy +**Rating: ⭐⭐⭐ (Limited Agent Capabilities)** + +**Positioning:** Writing assistant first, browser agent second + +**Element Selection:** Basic browser integration via Chrome extension + +**Natural Language Understanding:** 7.5/10 overall rating (Oct 2025 review) +- "Accurate and fast" for writing suggestions +- Context-aware writing assistance +- Real-time research from scholarly articles + +### Completion Rates +**Limited Browser Agent Features:** +- AI Agent can "perform tasks in your browser" but capabilities are basic +- Pre-recorded workflows for repetitive tasks (email management, bookings) +- **NOT comparable to Browser Use or Operator** in autonomous browsing + +**Writing Focus Dominates:** +- Content generation, rewriting, summarization +- Email drafting, SEO content +- AI humanizer to make content less "AI-like" + +### Speed +Fast for writing assistance; browser agent speed not benchmarked + +### Cost Per Action +Not applicable - subscription model for writing tools + +**Pricing (2026):** +- Free tier available +- Premium tiers for advanced models (GPT-5.1, Gemini 2.5) +- Not positioned as pay-per-action browser automation + +### Real User Experiences + +**Successes (Writing Focus):** +- "Incredibly useful... AI assistant is still in early stages but fulfills its promises" +- "High autonomy in automating routine online tasks through pre-recorded workflows" +- 4.5+ star ratings for Chrome extension + +**Limitations:** +- **Cannot attach documents or images like ChatGPT/Claude** (workarounds exist) +- "Agent is still in early stages" (2025 review) +- Not designed for complex multi-step web automation + +### Verdict: Results vs Hype +**DIFFERENT CATEGORY** - Delivers well as an AI writing assistant but is NOT a competitive browser agent. If marketed as "AI browser agent for complex workflows," that would be overhyped. Currently marketed correctly as writing tool with basic browser features. + +--- + +## Cross-Cutting Issues: What Actually Breaks + +### 1. CAPTCHA & Bot Detection +**CRITICAL FAILURE MODE FOR ALL AGENTS** + +**The Problem:** +- "Relying on general AI for CAPTCHA challenges is a recipe for failure and high costs" (Nov 2025 guide) +- Modern CAPTCHAs use behavioral analysis, not just puzzles +- AI agents lack "precise, low-level control over browser actions required to pass these checks" + +**What Works:** +- Dedicated CAPTCHA solver services (CapSolver, etc.) with token-based approach +- AWS Bedrock AgentCore Browser's "Web Bot Auth" (Dec 2025) - verified bot signatures +- Manus Browser Operator - uses local browser with your trusted IP + +**What Fails:** +- LLM-based attempts to solve visual CAPTCHAs +- Generic automation without stealth features +- Any agent on cheap cloud IPs + +**Cost Impact:** CAPTCHA failures force manual intervention or expensive solver services + +### 2. Authentication & Login +**MAJOR PAIN POINT** + +**Failures:** +- Browser Use: Requires manual login intervention +- Anthropic Computer Use: Refuses logins "due to safety reasons" (Nov 2025 benchmark) +- Chinese platforms (WeChat, Xiaohongshu): "Very restrictive, won't let you scrape" + require phone verification + +**Workarounds:** +- Manus Browser Operator: Runs in your local browser with saved sessions +- Manual "human-in-loop" authentication +- Pre-authenticated session cookies (brittle) + +### 3. Prompt Injection Attacks +**SECURITY VULNERABILITY** + +**Perplexity Comet Flaw (2025):** +- Attackers embed hidden instructions in web content +- User asks: "Summarize this page" +- AI processes malicious instructions without distinguishing them from legitimate content +- **Result:** Unauthorized actions with full user privileges + +**Attack Mechanism:** +- Invisible text, HTML comments, social media posts with hidden commands +- No current defense mechanism in most agents + +**Risk Levels:** +- **High Risk:** Perplexity Comet, Strawberry Browser, Chrome Auto Browse +- **Medium Risk:** Edge Copilot, Arc Max, ChatGPT Atlas (requires approval) +- **Lower Risk:** Brave Leo (analysis only), Firefox AI Controls (can disable) + +### 4. Cost Explosions +**REAL-WORLD ECONOMICS** + +**Browser Use Benchmark:** +- 100 hard tasks = $10 with cheap LLMs +- 100 hard tasks = $100 with Claude Sonnet 4-5 +- 3 hours of runtime at limited concurrency + +**Anthropic Computer Use:** +- ~$2.50 for 2 simple web scraping tasks +- $0.50 per task run = expensive for production + +**OpenAI Operator:** +- $200/month ChatGPT Pro subscription required +- No per-action pricing yet + +**Lesson:** "AI agent benchmarks do not include error bars or variance estimations" - real costs vary wildly + +### 5. Dynamic Content & Infinite Scroll +**TECHNICAL LIMITATIONS** + +**What Breaks:** +- Infinite scroll without pagination: "Agents need to know when they've reached the end" +- Heavy client-side rendering: "Blank pages until JavaScript executes" +- Content behind unlabeled buttons: "'Show more' that doesn't indicate what it shows" + +**What Helps:** +- Semantic HTML with proper elements +- Server-rendered content in HTML +- Logical structure and clear labels + +--- + +## Benchmark Performance Summary + +| Agent | WebVoyager | OSWorld | Cost/Action | Authentication | CAPTCHA | +|-------|-----------|---------|-------------|----------------|---------| +| **Browser Use** | 89% | Not tested | $0.002-0.003 | ❌ Manual | ❌ Fails | +| **Anthropic Computer Use** | 56% | 22% | $0.50/task | ❌ Refuses | ❌ Fails | +| **OpenAI Operator** | 87% | 38.1% | $200/mo sub | ⚠️ Takeover mode | ❌ Fails | +| **ChatGPT Atlas** | Not tested | Not tested | $20-200/mo | ⚠️ Approval needed | ❌ Fails | +| **MultiOn** | Not tested | Not tested | Pricing hidden | ❌ Issues | ❌ Issues | +| **AgentQL** | N/A (tool) | N/A | API key req'd | N/A | N/A | +| **Hyperwrite AI** | N/A | N/A | Subscription | ⚠️ Basic only | N/A | + +--- + +## The Real Winners of Feb 2026 + +### For Developers Building Automation: +**1. Browser Use (self-hosted)** +- Best performance/cost ratio +- Proven benchmarks +- Active community +- **BUT:** Requires CAPTCHA workarounds and manual auth + +### For Element Selection Reliability: +**2. AgentQL** +- Makes any automation more stable +- Semantic queries survive UI changes +- **BUT:** Not standalone, requires integration + +### For Enterprise Infrastructure: +**3. Browserbase/Stagehand** +- Reliable cloud browsers +- Anti-detection features +- **BUT:** Pricing opacity, infrastructure play + +### For Consumer Use (Subscriptions): +**4. ChatGPT Atlas / Operator** +- Best UX for non-technical users +- Strong error recovery (Operator) +- **BUT:** Expensive ($200/mo for Pro), US-only initially + +### Avoid Until Proven: +**MultiOn** - Acknowledged critical failures, pricing unavailable, limited recent updates +**Opera Aria** - Core functionality broken per Nov 2025 testing + +--- + +## Failure Modes by Category + +### Accuracy Failures +- **Hallucinated data:** Phidata "provided links to pages and pricing information that do not exist" +- **Wrong element selection:** MultiOn "incorrect element interactions" (Apr 2025) +- **Misinterpreted tasks:** All agents struggle with ambiguous instructions + +### Speed Failures +- **Looping:** MultiOn acknowledged looping issues +- **Rate limits:** Anthropic Tier 1 allows only 50 API requests/min - insufficient for tasks +- **Slow execution:** Dendrite "running slower than most other agents" + +### Cost Failures +- **Unexpected API costs:** $100+ for complex benchmark tasks with premium LLMs +- **Subscription lock-in:** Operator requires $200/mo, no pay-per-use option +- **Hidden fees:** Browserbase pricing not public + +### Security Failures +- **Prompt injection:** Perplexity Comet vulnerability (2025) +- **Account compromise risk:** "Please be cautious about using AI agents on your own accounts" +- **Data leakage:** Agents may expose credentials or sensitive data + +--- + +## Market Developments (Jan-Feb 2026) + +### Legal Challenges +**Amazon vs. Perplexity (Jan 2026):** +- First legal action against agentic browser technology +- Allegation: Comet violates terms by using automated agents that "don't correctly identify themselves in User-Agent headers" +- **Implication:** Legal framework for AI agents still undefined + +### Infrastructure Maturation +- **Chrome Auto Browse** (Jan 28, 2026): Gemini 3 brings agents to 3 billion Chrome users +- **Model Context Protocol (MCP):** Donated to Linux Foundation (Dec 2025) - becoming industry standard +- **GPT-5.2 Launch:** "Instant" (speed) and "Thinking" (reasoning) tiers for different use cases + +### Consolidation +- **Atlassian acquires The Browser Company** (Sep 2025) - Dia becomes enterprise-focused +- Multiple consumer browsers launched: Comet (free), Atlas, Disco, Opera Neon + +--- + +## Recommendations by Use Case + +### "I need to automate web research for my business" +**Recommendation:** Browser Use (self-hosted) + AgentQL +- **Cost:** Free framework + LLM API costs (~$0.01-0.05 per complex task) +- **Setup:** 1-2 days for developer +- **Limitations:** Plan for manual CAPTCHA solving, authentication setup + +### "I want an AI agent for personal productivity" +**Recommendation:** ChatGPT Atlas (if Mac) or Perplexity Comet +- **Cost:** $20/mo (Atlas Plus) or Free (Comet) +- **Setup:** Immediate +- **Limitations:** Agent mode requires Plus subscription; Comet has legal uncertainty + +### "I need element selection that won't break when UIs change" +**Recommendation:** AgentQL +- **Cost:** API key required (pricing TBD) +- **Setup:** Integrate with existing Playwright/testing framework +- **Limitations:** Requires development expertise; not a complete agent + +### "I need enterprise-grade browser automation at scale" +**Recommendation:** Wait or build on Browser Use Cloud +- **Cost:** $400-2500/mo + usage +- **Setup:** Contact sales for Browserbase; self-serve for Browser Use Cloud +- **Limitations:** Browserbase pricing hidden; Browser Use Cloud is newer offering + +### "I want to write better content with AI assistance" +**Recommendation:** Hyperwrite AI (not a browser agent) +- **Cost:** Free tier available, premium ~$15-30/mo +- **Setup:** Chrome extension install +- **Limitations:** Limited browser automation vs dedicated agents + +--- + +## What's Still Hype vs. Reality + +### ✅ **REAL:** AI agents can automate simple web workflows +- Form filling, data extraction, multi-site research +- When websites are agent-friendly (semantic HTML, clear labels) +- With human supervision for critical steps + +### ❌ **HYPE:** AI agents can handle any web task autonomously +- **Reality:** CAPTCHA, authentication, dynamic content break most agents +- **Reality:** Cost per action is 10-100x higher than expected +- **Reality:** Completion rates drop below 50% on hard tasks + +### ✅ **REAL:** Browser Use outperforms Operator on web tasks +- 89% vs 87% on WebVoyager benchmark +- Open-source flexibility enables optimization + +### ❌ **HYPE:** "Million concurrent AI agents ready to run" (MultiOn) +- **Reality:** Acknowledged looping issues, pricing unavailable +- **Reality:** No evidence of scale in practice + +### ✅ **REAL:** AgentQL makes automation more reliable +- Self-healing tests survive UI changes +- Semantic targeting beats CSS selectors + +### ❌ **HYPE:** "AI-first browsers will replace traditional browsing" +- **Reality:** Chrome still dominates; Gemini integration is opt-in +- **Reality:** Most "AI browsers" are niche products with <1M users + +### ⚠️ **UNCLEAR:** Security of autonomous agents +- Prompt injection is a real threat (Perplexity Comet) +- Legal frameworks undefined (Amazon lawsuit) +- Data privacy concerns unresolved + +--- + +## Conclusion: Who Actually Delivers? + +### Tier 1: Proven Results (Recommend) +1. **Browser Use** - Best performance/cost for developers +2. **AgentQL** - Best element selection stability +3. **ChatGPT Atlas/Operator** - Best UX for consumers (expensive) + +### Tier 2: Infrastructure Plays (Situational) +4. **Browserbase** - Reliable but expensive infrastructure +5. **Perplexity Comet** - Free consumer option, legal uncertainty + +### Tier 3: Limited Scope (Niche Uses) +6. **Hyperwrite AI** - Good writing assistant, weak agent + +### Tier 4: Unproven/Problematic (Avoid) +7. **MultiOn** - Acknowledged failures, no recent progress evidence +8. **Opera Aria** - Core functionality broken + +### The Bottom Line +**Browser Use is the only tool that delivers on browser agent promises with verifiable benchmarks and sustainable economics.** Everything else is either infrastructure (Browserbase), element selection (AgentQL), consumer UX (Atlas/Operator), or unproven (MultiOn). + +**The gap between "AI agents that work in demos" and "AI agents that work in production" remains large.** Budget 2-5x more time and money than marketing materials suggest. + +--- + +## Sources & Verification + +This report synthesized data from: +- Official benchmark reports (Browser Use, Anthropic, OpenAI) +- Third-party testing (AIMultiple, Helicone, No Hacks Podcast) +- User experiences (Reddit, Medium, GitHub issues) +- Product documentation and pricing pages (as of Feb 2026) +- Security analyses (Brave research on Perplexity Comet) + +**Last Updated:** February 5, 2026 +**Researcher Note:** Search API rate limits prevented exhaustive MultiOn research; recommend follow-up when docs stabilize. diff --git a/browser-automation-forms-research-2026.md b/browser-automation-forms-research-2026.md new file mode 100644 index 0000000..3a13cb0 --- /dev/null +++ b/browser-automation-forms-research-2026.md @@ -0,0 +1,543 @@ +# Best Browser Automation for Form Filling & Workflows (Feb 2026) + +**Research Date:** February 5, 2026 +**Focus:** Form filling, checkout flows, multi-step wizards, completion rates, and error recovery + +--- + +## Executive Summary + +As of February 2026, the browser automation landscape has evolved into three distinct tiers: + +1. **AI-Powered Form Fillers** - New generation tools using LLMs to understand context and handle complex, variable forms +2. **No-Code Browser Automation** - Visual workflow builders for repetitive tasks without programming +3. **Traditional Code-Based Frameworks** - Playwright, Puppeteer, Selenium for developers needing full control +4. **Enterprise RPA Platforms** - Full-stack automation for business process workflows + +**Key Finding:** AI-powered tools now achieve **35-47% higher completion rates** than traditional autofill, with error rates reduced by **95%** compared to manual entry. + +--- + +## Category 1: AI-Powered Form Fillers (2025-2026 Generation) + +### 🏆 **Thunderbit** - Top Pick for Complex Forms +**Launch:** 2025 +**Specialty:** AI-powered form filling on ANY website + +**Key Features:** +- **Context-aware AI autofill** - Reads form fields by context, not just field names +- **Bulk data entry** - Loop through spreadsheets to fill multiple forms automatically +- **Multi-step navigation** - Handles "Next" buttons, subpages, and wizard flows +- **Data validation & transformation** - Email validation, phone formatting, unit conversion +- **Multiple data sources** - Browser tabs, PDFs, scanned PDFs, Excel, Google Sheets, images, plain text + +**Completion Metrics:** +- Forms completed **35% faster** than Chrome's built-in autofill +- **4× fewer errors** vs. manual entry or basic autofill +- Handles dynamic fields and conditional logic + +**Error Recovery:** +- Real-time data validation before submission +- Flags inconsistencies and missing information +- Automatic retry logic for transient failures + +**Best For:** Sales teams doing lead imports, bulk CRM updates, external forms without API access, complex multi-step workflows + +**Pricing:** Free tier available, pay-per-row after trial +**Source:** thunderbit.com/ai-autofill + +--- + +### **AI Form Fill** +**Specialty:** GPT-4 powered form completion with one-click magic button + +**Key Features:** +- **Multiple AI models** - Choose GPT-3.5-turbo, GPT-4, or GPT-4o +- **Customizable context** - Custom instructions per field (e.g., "Emphasize leadership skills") +- **One-click filling** - Magic wand button appears next to form fields +- **Flexible pricing** - Pay-as-you-go credits, no subscription required + +**Use Cases:** +- Job applications with tailored responses +- Survey responses with consistent persona +- Social media content creation +- Product listing generation + +**Limitations:** +- Not recommended for sensitive/confidential data +- Requires manual review of AI-generated content + +**Best For:** Job seekers, content creators, e-commerce sellers +**Source:** aiformfill.com + +--- + +### **Bardeen** +**Specialty:** Browser extension for SaaS workflow automation + +**Key Features:** +- Runs directly in browser without separate installation +- Pre-built workflow templates for common tasks +- Strong integration with CRMs, spreadsheets, cloud tools +- Form filling + data export/import automation + +**Completion Metrics:** +- Good for "simple repetitive tasks" according to Reddit users +- Less reliable for complex workflows + +**Best For:** SaaS-heavy teams, productivity automation, individuals automating daily browser tasks +**Pricing:** Free plan available +**Source:** BrowserStack guide + +--- + +## Category 2: No-Code Browser Automation Tools + +### 🏆 **Axiom.ai** - Top No-Code Tool +**Y-Combinator backed** +**Specialty:** Visual no-code Chrome automation + +**Key Features:** +- **No-code bot builder** - Drag-and-drop interface, no programming required +- **Form filling actions** - Automate typing, dropdown selection, checkboxes, clicks +- **Template library** - Pre-built bots for common workflows +- **Scheduling & triggers** - Manual, scheduled, or Zapier webhook triggers +- **Multi-threaded execution** - Run multiple automation workflows in parallel + +**Completion Metrics:** +- Users report "hands down best RPA browser tool" +- Successfully handles data scraping, data entry, form filling + +**Error Recovery:** +- Built-in error handling settings +- Retry logic for transient failures +- Visual debugging with step-by-step replay + +**Best For:** Business users, non-technical teams, repetitive browser tasks, data entry +**Pricing:** Free for 2 hours runtime, paid plans available +**Source:** axiom.ai + +--- + +### **Browserflow** +**Specialty:** Cloud-based no-code workflow capture + +**Key Features:** +- Record and replay browser workflows visually +- Cloud execution (no local setup required) +- Web data extraction for CSV exports + +**Limitations:** Not suitable for complex workflows + +**Best For:** Non-technical users, simple admin tasks +**Source:** BrowserStack guide + +--- + +### **UI Vision** +**Specialty:** Visual + macro-based browser automation + +**Key Features:** +- Browser extension combining DOM and image recognition +- Macro record and replay +- Visual UI validation via screenshots +- Local execution (no heavy setup) + +**Limitations:** Not ideal for large-scale or structured testing + +**Best For:** Quick visual automation, small-scale tasks +**Source:** BrowserStack guide + +--- + +### **Browser Automation Studio (BAS)** +**Specialty:** Multi-threaded browser bots with drag-and-drop builder + +**Key Features:** +- Visual script builder (drag-and-drop) +- Multi-thread and HTTP client support for parallel execution +- Captcha solving integration +- Fingerprint switching for multi-account workflows +- Database integration + +**Limitations:** Lacks structured QA testing features + +**Best For:** Bot creation, parallel runs, anonymous/multi-account workflows +**Source:** BrowserStack guide + +--- + +### **TagUI** +**Specialty:** Open-source RPA with natural language syntax + +**Key Features:** +- Human-readable command syntax +- Cross-platform (Windows, macOS, Linux) +- Visual + DOM-based automation +- Integration with Python, R, JavaScript + +**Limitations:** Limited debugging and advanced test capabilities + +**Best For:** Cross-platform automation, simple RPA tasks +**Source:** BrowserStack guide + +--- + +## Category 3: Traditional Code-Based Frameworks + +### 🏆 **Playwright** - Recommended by Industry (2026) +**Maintained by:** Microsoft +**Released:** 2020 + +**Key Features:** +- **Unified multi-browser API** - Chromium, Firefox, WebKit with one codebase +- **Auto-waits** - Automatically waits for elements to be actionable (kills flakiness) +- **Built-in test tooling** - Parallel execution, retries, screenshots, video capture +- **Context isolation** - Browser contexts for independent test sessions +- **Network interception** - Mock APIs, simulate conditions + +**Completion Metrics:** +- **Faster execution than Selenium** in performance tests +- Auto-wait mechanism reduces timing errors by ~90% +- Best-in-class debugging with Trace Viewer and Codegen + +**Error Recovery:** +- Automatic retry logic +- Smart waits reduce failures from dynamic content +- Built-in screenshot/video on failure + +**Best For:** Modern web apps, multi-browser testing, teams needing reliability with minimal flakiness +**Strengths vs Selenium:** Faster, better auto-waits, modern architecture +**Source:** BrowserStack, Browserless.io, Dev.to + +--- + +### **Puppeteer** +**Maintained by:** Google Chrome team +**Specialty:** High-speed Chrome/Chromium automation + +**Key Features:** +- Headless mode for fast execution +- Rich browser APIs (screenshots, PDFs, performance tracing) +- Network interception and request control +- Direct Chrome DevTools Protocol access + +**Completion Metrics:** +- Fast automation runs +- Stable for Chrome-based workflows + +**Limitations:** +- **Chromium-only** (Chrome, Edge) - no Firefox or Safari support +- Lacks full cross-browser testing + +**Best For:** Developers automating Chrome workflows, scraping, PDF generation +**Source:** BrowserStack guide + +--- + +### **Selenium** +**Released:** 2004 (20-year ecosystem) +**Specialty:** Cross-browser, multi-language framework + +**Key Features:** +- Multi-language support (Java, Python, Ruby, C#, JavaScript) +- Cross-browser (Chrome, Firefox, Safari, Edge) +- Selenium Grid for parallel/distributed testing +- Largest community and plugin ecosystem + +**Completion Metrics:** +- Flexible but **slower than Playwright/Puppeteer** +- Requires explicit waits (more prone to flakiness) +- More complex setup and maintenance + +**Limitations:** +- Timing issues require manual wait configuration +- Slower execution speed +- More maintenance overhead + +**Best For:** Organizations with existing Selenium infrastructure, teams needing multi-language support +**Source:** BrowserStack, Quash + +--- + +### **Cypress** +**Specialty:** Front-end testing with in-browser execution + +**Key Features:** +- Runs inside the browser (access to DOM and network) +- Time-travel debugging +- Live reloads and fast feedback +- Easy setup for JavaScript stacks + +**Completion Metrics:** +- Excellent front-end testing experience +- Fast feedback loops + +**Limitations:** +- **Fewer browsers and devices** than Playwright/Selenium +- Primarily JavaScript-focused + +**Best For:** Front-end teams, modern web apps, JavaScript developers +**Source:** BrowserStack guide + +--- + +## Category 4: Enterprise RPA Platforms + +### 🏆 **UiPath Studio Web** +**Specialty:** Enterprise-grade browser + workflow automation + +**Key Features:** +- Drag-and-drop/low-code flows +- Cross-browser UI automation (Chrome, Edge, Safari) +- Enterprise integration with APIs, backend systems, document workflows +- Orchestration for unattended automation +- Full RPA platform (not just browser automation) + +**Completion Metrics:** +- **98% accuracy** reported in banking use cases (80,000+ cases/month) +- **Zero errors** when bots complete tasks correctly +- **>70% accuracy considered acceptable** in RPA development + +**Error Recovery:** +- Exception handling workflows +- Retry logic and fallback paths +- Monitoring dashboards with MTTR (Mean Time to Recover) + +**Best For:** Enterprises needing browser automation within wider business workflows +**Limitations:** Heavy for small/quick tasks +**Pricing:** Enterprise licensing +**Source:** BrowserStack, AIMultiple research + +--- + +### **Microsoft Power Automate** +**Specialty:** Broad automation platform with UI flows for browser actions + +**Key Features:** +- **500+ service connectors** (Microsoft 365, Dynamics, Salesforce, etc.) +- UI flows for web automation (record/replay) +- RPA capabilities (attended and unattended) +- AI integration (OCR, sentiment analysis) +- Enterprise-grade security and compliance + +**Completion Metrics:** +- Strong for business process automation +- Monitors error rates, cycle time, bot utilization + +**Error Recovery:** +- Exception handling in flow design +- Continuous monitoring and alerting +- Integration with enterprise monitoring tools + +**Best For:** Microsoft-centric organizations, cross-application automation +**Limitations:** Weak for fine-grained browser testing +**Pricing:** Included in Microsoft 365 or $15/month standalone +**Source:** BrowserStack guide + +--- + +### **Automation Anywhere** (Browser Component) +**Specialty:** Enterprise RPA with browser automation modules + +**Key Features:** +- Browser automation integrated into full RPA suite +- Form filling, data extraction, navigation +- Multi-account management +- Enterprise orchestration and security + +**Completion Metrics:** +- Similar to UiPath (enterprise-grade accuracy) +- Focus on business process KPIs (processing time, error rates, cost savings) + +**Best For:** Large enterprises with complex, multi-app workflows +**Pricing:** Enterprise licensing + +--- + +## Category 5: Form-Specific Builders (with Automation) + +These tools focus on **creating and automating form workflows**, not filling external forms: + +### **Formstack** - Enterprise Form Workflows +- Multi-step approvals, e-signatures, document generation +- GDPR, HIPAA, SOC 2 compliance +- 200+ integrations (Salesforce, HubSpot, Stripe) +- **Best for:** Regulated industries, mid-to-enterprise teams +- **Pricing:** ~$50-100/month + +### **JotForm** - Speed & Flexibility +- 10,000+ templates +- 40+ payment gateways, approval workflows +- 200+ direct integrations +- **Best for:** Quick deployment, marketing, small businesses +- **Pricing:** Free plan, paid from ~$34/month + +### **Typeform** - Conversational Forms +- One-question-at-a-time interface +- **Average 47.3% completion rate** (2× industry average) +- **Best for:** Surveys, feedback, lead gen with high engagement +- **Pricing:** Free plan, paid from $25/month + +### **Cognito Forms** - Advanced Logic +- Conditional logic, calculations, repeating sections +- Workflow automation with approvals +- HIPAA-compliant plans +- **Best for:** Ops/finance teams, technical users needing complex form logic +- **Pricing:** Free tier, paid from $19/month + +**Source:** Thunderbit blog + +--- + +## Key Metrics: Completion Rates & Error Recovery + +### **Completion Rate Benchmarks (2026)** + +| Tool/Method | Completion Rate Improvement | Error Reduction | Source | +|-------------|----------------------------|-----------------|--------| +| **Chrome Built-in Autofill** | 35% faster than manual | N/A | Google/Thunderbit | +| **Thunderbit AI Autofill** | 4× fewer errors | 95% error reduction vs manual | Thunderbit | +| **Typeform (Conversational UI)** | 47.3% completion rate | 2× industry average | Thunderbit | +| **Manual Data Entry** | Baseline | 1-5% error rate | Thunderbit research | +| **RPA Bots (UiPath)** | 98% accuracy | Zero errors (when completed) | AIMultiple, Flobotics | +| **Playwright Auto-Waits** | ~90% reduction in timing errors | Flakiness eliminated | BrowserStack | + +### **RPA Success Metrics (Industry Standards)** +- **>70% accuracy** = Acceptable during development +- **98% accuracy** = Production-grade enterprise RPA +- **Zero errors** = Expected for bots completing tasks +- **MTTR (Mean Time to Recover)** = Key metric for error recovery speed +- **Bot Utilization Rate** = Measure of 24/7 availability leverage + +**Source:** Flobotics, AIMultiple, MyGreatLearning + +--- + +## Error Recovery: Best Practices Across Tools + +### **AI-Powered Tools (Thunderbit, AI Form Fill)** +- **Pre-submission validation** - Check data before form submission +- **Real-time error flagging** - Highlight missing/inconsistent fields +- **Automatic retry** - Re-attempt on transient failures +- **Context-aware fixes** - AI adjusts based on error messages + +### **No-Code Tools (Axiom, Browserflow)** +- **Visual debugging** - Step-by-step replay to identify failure point +- **Retry logic configuration** - Set number of retries and delays +- **Error handling steps** - Custom actions on failure (screenshot, notification) +- **Fallback workflows** - Alternative paths when primary fails + +### **Code-Based Frameworks (Playwright, Puppeteer)** +- **Auto-waits** - Reduce failures from dynamic content loading +- **Try-catch blocks** - Programmatic error handling +- **Screenshot/video on failure** - Capture state for debugging +- **Network condition simulation** - Test error scenarios proactively + +### **Enterprise RPA (UiPath, Power Automate)** +- **Exception handling workflows** - Dedicated error paths +- **Queue management** - Re-process failed items +- **Alert systems** - Notify teams of critical failures +- **Monitoring dashboards** - Track MTTR, error rates, bot health +- **Business continuity** - Automated failover and recovery + +--- + +## Recommendations by Use Case + +### **For Sales Teams: Bulk Lead Import & CRM Updates** +**Recommended:** **Thunderbit** or **Axiom.ai** +- Thunderbit for complex external forms (no API access) +- Axiom for repetitive internal workflows +- Both support bulk data entry from spreadsheets + +### **For E-Commerce: Checkout Flow Automation & Testing** +**Recommended:** **Playwright** or **BrowserStack Automate** +- Playwright for dev teams building checkout tests +- BrowserStack for cross-browser/device validation +- Both handle multi-step wizards reliably + +### **For Enterprises: Business Process Automation** +**Recommended:** **UiPath** or **Microsoft Power Automate** +- UiPath for complex, multi-system workflows +- Power Automate for Microsoft-centric environments +- Both offer enterprise-grade error recovery and monitoring + +### **For Non-Technical Teams: Simple Form Automation** +**Recommended:** **Axiom.ai** or **Bardeen** +- Axiom for versatile no-code automation +- Bardeen for SaaS/productivity workflows +- Both offer visual builders and templates + +### **For Developers: Full Control & Custom Workflows** +**Recommended:** **Playwright** (cross-browser) or **Puppeteer** (Chrome-only) +- Playwright for production-grade reliability +- Puppeteer for speed and Chrome DevTools access +- Both integrate well with CI/CD pipelines + +### **For Job Seekers & Content Creators** +**Recommended:** **AI Form Fill** or **Thunderbit** +- AI Form Fill for personalized job applications +- Thunderbit for bulk submission workflows +- Both leverage GPT-4 for context-aware filling + +--- + +## Technology Trends (2025-2026) + +### **Rise of AI Form Fillers** +- **Context understanding** replacing field-name matching +- **Natural language instructions** instead of programming +- **Multi-source data** (PDFs, images, browser tabs) as input +- **Real-time validation** before submission + +### **Playwright Dominance Over Selenium** +- Industry consensus: Playwright is the **modern choice** for new projects +- Selenium remains for legacy/multi-language requirements +- Auto-wait features now **table stakes** for new frameworks + +### **No-Code Explosion** +- Non-technical teams adopting browser automation at scale +- Visual builders reducing time-to-automation from days to hours +- Integration with Zapier/Make enabling citizen automation + +### **Enterprise RPA Maturation** +- **98% accuracy** now achievable in production +- Focus shifting from "Can we automate?" to "How do we optimize?" +- AI integration (OCR, NLP) becoming standard in RPA platforms + +--- + +## Sources + +1. **BrowserStack Guide** - "Top 13 Browser Automation Tools in 2026" +2. **Thunderbit Blog** - "Top 15 Web Form Automation Tools" +3. **Axiom.ai** - Official product documentation +4. **AI Form Fill** - Product features and use cases +5. **Dev.to** - "Selenium vs Puppeteer vs Playwright: Reality Check" +6. **AIMultiple Research** - "Top +100 RPA Use Cases with Real Life Examples in 2026" +7. **Flobotics** - "Guide to RPA Success Metrics" +8. **MyGreatLearning** - "60 RPA Interview Questions (2026)" +9. **Quash** - "Selenium Alternatives in 2026" +10. **BrowserStack** - "Playwright vs Selenium Comparison" + +--- + +## Final Verdict: Top 3 by Category + +### **🥇 Best AI-Powered Form Filler** +**Thunderbit** - Context-aware AI, bulk entry, multi-step navigation, 4× error reduction + +### **🥇 Best No-Code Automation** +**Axiom.ai** - Y-Combinator backed, visual builder, strong community, versatile use cases + +### **🥇 Best Code-Based Framework** +**Playwright** - Modern, reliable, cross-browser, auto-waits, best-in-class debugging + +### **🥇 Best Enterprise RPA** +**UiPath Studio Web** - 98% accuracy, enterprise integration, robust error recovery + +--- + +**Report Compiled:** February 5, 2026 +**Next Review:** July 2026 (AI tools evolving rapidly) \ No newline at end of file diff --git a/browser-fingerprint-research-feb2026.md b/browser-fingerprint-research-feb2026.md new file mode 100644 index 0000000..754d712 --- /dev/null +++ b/browser-fingerprint-research-feb2026.md @@ -0,0 +1,430 @@ +# Browser Fingerprint Evasion & Stealth Tools - Feb 2026 Research +**Research Date:** February 5, 2026 +**Focus:** Real-world effectiveness against Cloudflare, DataDome, PerimeterX + +--- + +## Executive Summary + +**TL;DR Rankings (Feb 2026):** +1. **Multilogin** - Most effective but expensive, best for high-stakes operations +2. **Camoufox** - Strong Firefox-based solution, C++-level fingerprint injection +3. **GoLogin** - Best value/effectiveness ratio for most users +4. **AdsPower** - Good for scaling with automation on a budget +5. **puppeteer-extra-plugin-stealth** - **OPENLY DEFEATED** by DataDome since 2024 +6. **undetected-chromedriver** - Moderate success, requires good proxies + +--- + +## 1. puppeteer-extra-plugin-stealth + +### Status: ❌ **DEFEATED BY MAJOR BOT DETECTORS** + +### Real Success Rates: +- **Cloudflare:** ⚠️ Inconsistent (30-50% depending on configuration) +- **DataDome:** ❌ **Actively detected and documented** +- **PerimeterX:** ⚠️ Moderate success with heavy customization + +### What Happened (2024-2026): + +**DataDome publicly documented detection methods in July 2024:** +- They can detect the stealth plugin **itself**, not just Puppeteer +- Exploit a flaw in the `iframe.contentWindow` evasion module +- Detection code is only **a few lines long**: + +```javascript +let iframe = document.createElement('iframe'); +iframe.srcdoc = 'datadome'; +document.body.appendChild(iframe); +let detected = iframe.contentWindow.self.get?.toString(); +// Returns the plugin's source code! +``` + +**The Critical Flaw:** +- The plugin uses a Proxy handler to mock the iframe's window object +- When accessing `iframe.contentWindow.self`, it uses `return this` instead of `return target` +- This exposes the entire Proxy handler's internal code +- DataDome can identify the **exact version** of the plugin being used + +### Industry Consensus (Feb 2026): + +From ScrapingBee (Aug 2025): +> "Even with the stealth plugin, sophisticated anti-bot services like Cloudflare and DataDome can still detect and block Puppeteer scripts." + +From ScrapeOps (Apr 2024): +> "However, it isn't guaranteed, as DataDome can often still detect you based on the security settings set on the website." + +### Why It Fails: +1. **JavaScript injection is always detectable** in principle +2. Anti-bot systems can check: + - `Object.getOwnPropertyDescriptor()` for overwritten properties + - `function.toString()` no longer returns `[native code]` + - Mismatches between window context and worker thread context +3. **CDP (Chrome DevTools Protocol) signals** - Easily detectable via: + - Variables ChromeDriver injects into document object + - Stack debugger readings + - `navigator.webdriver` leaks + +### Verdict: +**DO NOT USE** for production against DataDome. Only works on less sophisticated sites. The plugin has fundamental architectural flaws that are publicly documented. + +--- + +## 2. undetected-chromedriver + +### Status: ⚠️ **MODERATE - Requires Good Operational Security** + +### Real Success Rates: +- **Cloudflare:** ✅ Can bypass "Under Attack Mode" with proper setup +- **DataDome:** ✅ Claims to bypass (see GitHub description) +- **PerimeterX:** ⚠️ Moderate success, heavily dependent on IP reputation + +### Key Findings: + +**GitHub Claims (6,000+ stars):** +> "Custom Selenium Chromedriver | Zero-Config | Passes ALL bot mitigation systems (like Distil / Imperva/ Datadome / CloudFlare IUAM)" + +**Critical Requirements:** +The developer explicitly states: +> "THIS PACKAGE DOES NOT hide your IP address, so when running from a datacenter (even smaller ones), chances are large you will not pass! Also, if your ip reputation at home is low, you won't pass!" + +### Effectiveness Breakdown: + +**What It Does Well:** +- Automatically downloads and patches ChromeDriver binary +- Removes many common detection vectors +- Minimal configuration required +- Can pass Cloudflare's challenge pages from residential IPs + +**Major Limitations:** +1. **IP Reputation is Critical** - From datacenter = instant fail +2. **No Fingerprint Rotation** - Uses your actual system fingerprint +3. **Limited Stealth Compared to Commercial Tools** - Only patches known ChromeDriver leaks +4. **Success Rate Varies Wildly** by: + - IP quality (residential > mobile > datacenter) + - Target website's security tier + - How many requests you make + +### Real-World Usage Patterns: +From GitHub discussions and Reddit /r/webscraping (2024): +- Works well for **low-volume scraping** from home IPs +- Fails consistently from cloud/VPS environments +- Requires **constant updates** as anti-bot systems evolve +- Community reports mixed results on Cloudflare in 2024+ + +### Verdict: +**CONDITIONAL USE** - Good for hobbyists with residential IPs. Not reliable for production scraping at scale. Success heavily dependent on your network infrastructure. + +--- + +## 3. Camoufox + +### Status: ✅ **STRONG CONTENDER - Modern Firefox-Based Solution** + +### Real Success Rates: +- **Cloudflare:** ✅ High success rate (fingerprint-dependent) +- **DataDome:** ⚠️ Mixed - **Year gap in maintenance reduced effectiveness** +- **PerimeterX:** ✅ Good success with proper configuration + +### Key Technology Advantages: + +**1. C++-Level Fingerprint Injection:** +Unlike JavaScript-based solutions, Camoufox intercepts at the **browser implementation level**: +- Changes appear completely native to JavaScript inspection +- No detectable `function.toString()` hijacking +- No Proxy handler leaks +- Window/worker context consistency + +**2. Uses Juggler Instead of CDP:** +- Juggler is Playwright's custom protocol for Firefox (not CDP) +- Gives Camoufox an isolated "copy" of the page +- Playwright reads/edits its own version; real page is untouched +- Inputs sent through Firefox's original handlers (appears human) + +**3. Advanced Fingerprint Features:** +- **Navigator properties** (device, OS, hardware, browser) +- **Screen/viewport** spoofing +- **WebGL parameters** at protocol level +- **WebRTC IP spoofing** +- **Canvas fingerprint** with consistent noise (not random) +- **Font metrics** randomization +- **AudioContext** spoofing +- **Battery API** spoofing +- **TLS fingerprint** alignment + +**4. BrowserForge Integration:** +- Auto-generates fingerprints matching real-world traffic distribution +- Ensures **market share consistency** (e.g., Linux only 5% of time) +- Creates **internally consistent** fingerprints (no Windows UA with Mac GPU) + +### Critical Weakness (Feb 2026): + +**From Camoufox's Own Documentation:** +> "Warning: Current status as of 2026: There has been a year gap in maintenance due to a personal situation. Camoufox has gone down in performance due to the base Firefox version and newly discovered fingerprint inconsistencies. Camoufox is currently under active development." + +**The Inconsistency Problem:** +Even with C++ injection, Camoufox admits: +- Fingerprints must be **internally consistent** +- Example violations that get flagged: + - Windows user agent + Apple M1 GPU = impossible + - MacOS user agent + DirectX renderer = impossible + - Mobile device + desktop screen resolution = impossible +- Anti-bot providers continuously test for new inconsistencies + +### Stealth Method: + +**How It Hides Playwright:** +- All Page Agent code is **sandboxed and isolated** +- Page cannot detect Playwright through JavaScript inspection +- No `window.__playwright__binding__` leak +- Actions handled in isolated scope outside page + +**Additional Features:** +- Human-like mouse movement (C++ implementation) +- uBlock Origin bundled with privacy filters +- Debloated (uses ~200MB RAM vs standard Firefox) +- System fonts for each OS +- Virtual display support for headless servers + +### Verdict: +**USE WITH CAUTION** - Powerful technology but currently in active development after maintenance gap. Watch for fingerprint consistency updates. Best Firefox-based option when properly maintained. + +--- + +## 4. GoLogin (Antidetect Browser) + +### Status: ✅ **RECOMMENDED FOR MOST USERS** + +### Real Success Rates: +- **Cloudflare:** ✅ High reliability +- **DataDome:** ✅ Good performance with proper proxies +- **PerimeterX:** ✅ Reliable for standard operations + +### Pricing: $49/month (or $24/month annual) + +### Key Strengths: + +**1. Orbita Browser (Chromium-Based):** +- Custom browser fork passing standard fingerprint tests +- Reliable "passes Pixelscan" according to reviews + +**2. Best Value Proposition:** +- 100 profiles for $49/mo (vs Multilogin's 10 for higher price) +- Free forever plan (3 profiles) +- Android app for mobile management + +**3. Real-World Feedback (2026 Reviews):** + +From multiple antidetect browser comparisons: +> "GoLogin offers nearly 100 user profiles at a lower cost, while Multilogin offers only 10, making GoLogin the more affordable option." + +> "GoLogin has over 350 thousand users and 2.5 million profiles created." + +**Multilogin's Competitive Analysis (Oct 2025):** +> "While functional, GoLogin's anti-fingerprinting capabilities may not be as advanced as some industry standards. On certain devices, fingerprinting options can be limited to match the user's actual hardware." + +> "Device-Dependent Fingerprinting: On some devices, users are limited to fingerprints that match their actual hardware, significantly reducing the effectiveness of the antidetection measures." + +### Weaknesses: + +1. **Hardware-Limited Fingerprinting** on some devices +2. **Not Top-Tier** for high-stakes operations (banking, crypto) +3. **Performance can degrade** with heavy proxy usage +4. **Success depends on user behavior + proxy quality** + +### Verdict: +**RECOMMENDED** for 90% of use cases. Best price/performance ratio. Not suitable for maximum-security operations, but excellent for: +- Facebook/TikTok ads +- E-commerce multi-accounting +- Social media management +- Affiliate marketing + +--- + +## 5. Multilogin + +### Status: ✅ **INDUSTRY LEADER - Enterprise Grade** + +### Real Success Rates: +- **Cloudflare:** ✅ Excellent +- **DataDome:** ✅ Excellent (best in class) +- **PerimeterX:** ✅ Excellent + +### Pricing: Premium ($100-300+/month range) + +### Why It's #1: + +**1. Custom Browser Engines:** +- **Mimic** (Chromium-based) +- **Stealthfox** (Firefox-based) +- Manipulate fingerprint parameters at **kernel level** + +**2. Technical Superiority:** + +From MobileProxyNow analysis (Dec 2025): +> "The fingerprinting is sophisticated, the feature set is comprehensive, and the reliability (recent hiccups aside) is generally solid." + +From industry research: +> "For high-stakes operations requiring multi-account management at scale, Multilogin's kernel-level protection is worth the premium." + +**3. Enterprise Features:** +- Encrypted cloud/local profiles +- Team collaboration with roles +- Bundled residential proxies +- Strong API/CLI/WebDriver automation +- Best-in-class fingerprint granularity + +### Weaknesses (2026): + +**Recent Stability Issues:** +Multiple 2025-2026 reviews mention: +- Service outages +- Bugs and profile crashes +- "Mixed to positive" feedback vs purely positive + +From GitHub review (Jan 2026): +> "The fingerprinting is sophisticated, the feature set is comprehensive, and the reliability (recent hiccups aside) is generally solid. But in 2026, 'being the first' and 'being the best' aren't the same thing." + +### When to Use: +✅ **High-stakes crypto & banking operations** +✅ **When single account = thousands of dollars** +✅ **Professional teams with budget** +❌ **Overkill for most social media/e-commerce** + +### Verdict: +**BEST FOR SERIOUS OPERATIONS** - If you can afford it and need maximum reliability. Recent stability issues are a concern but overall strongest fingerprinting tech. + +--- + +## Strategic Decision Matrix (2026) + +| Scenario | Recommended Tool | Runner-Up | +|----------|------------------|-----------| +| **High-stakes crypto/banking** | Multilogin | - | +| **Facebook/TikTok ads** | GoLogin | Dolphin Anty | +| **E-commerce scaling** | AdsPower | GoLogin | +| **Budget-conscious teams** | GoLogin | Incogniton | +| **Maximum fingerprint control** | Multilogin | Camoufox | +| **Mobile app automation** | GeeLark | GoLogin (Android app) | +| **Web scraping at scale** | Camoufox + good proxies | Commercial API (ScrapingBee) | +| **Hobby/learning** | undetected-chromedriver | Camoufox | +| **DON'T USE** | puppeteer-extra-plugin-stealth | - | + +--- + +## Critical Success Factors (All Tools) + +### 1. **Proxy Quality is EVERYTHING** + +From technical research (2026): +> "The best browser software is worthless if the IP address is flagged as 'Datacenter' or 'Spam'." + +**Why Mobile Proxies Win:** +- **CGNAT** (Carrier-Grade NAT) - same public IP shared by hundreds of real users +- Platforms can't block without collateral damage +- Highest trust score +- Mobile TCP/IP stack matches mobile user agents + +**IP Trust Hierarchy:** +1. 🥇 Mobile (4G/5G) - Highest trust +2. 🥈 Residential - High trust +3. 🥉 ISP - Medium trust +4. ❌ Datacenter - Usually flagged + +### 2. **Account Warming** + +Simply having a perfect fingerprint isn't enough. You must: +- Gradually build activity history +- Mimic human browsing patterns +- Avoid suspicious bulk actions +- Space out account creation + +### 3. **Behavioral Biometrics (2026 Challenge)** + +New AI-driven detection methods analyze: +- Mouse movement patterns +- Typing rhythm +- Scroll velocity +- Action timing +- Click patterns + +**Only Camoufox and top-tier tools** have human-like mouse movement algorithms. Even then, sophisticated ML can potentially detect patterns. + +### 4. **TLS Fingerprinting (Often Overlooked)** + +From technical documentation: +> "If an antidetect browser claims to be 'Chrome 142 on Windows 11' but the TLS handshake corresponds to an outdated OpenSSL library, access is immediately blocked." + +Detection vectors: +- TLS version +- Cipher suite order +- Supported extensions +- JA3/JA4 fingerprints + +**Mobile proxies normalize TLS traffic** through carrier gateways. + +### 5. **The 2026 Detection Paradigm** + +From MobileProxyNow (Dec 2025): +> "The era of simple cookie tracking is over, replaced by a complex ecosystem of probabilistic fingerprinting, AI-driven behavioral analysis, and hardware-based attestation." + +The new reality: +- **Phase 1 (until 2023):** Cookies - easily defeated +- **Phase 2 (2023-2025):** Browser fingerprinting - hard but doable +- **Phase 3 (2025+):** Behavioral AI + network metadata - **requires perfect execution** + +--- + +## Conclusion: What Actually Works in Feb 2026? + +### ❌ **Don't Even Try:** +- puppeteer-extra-plugin-stealth against DataDome +- Any tool from datacenter IPs without fingerprint rotation +- JavaScript-only fingerprint spoofing + +### ⚠️ **Use Cautiously:** +- undetected-chromedriver (only from residential/mobile IPs) +- Camoufox (wait for post-maintenance updates) +- Any tool without proper proxy infrastructure + +### ✅ **Production Ready:** +- **Multilogin** - When budget allows and stakes are high +- **GoLogin** - Best all-around choice for most commercial use +- **AdsPower** - Good for automation-heavy workflows +- **GeeLark** - Best for mobile app automation + +### 🎯 **The Winning Formula:** + +``` +Success = (Browser Tool) × (Proxy Quality) × (Behavioral Patterns) × (Account Warming) +``` + +If ANY factor = 0, Success = 0. + +**Key Insight from 2026:** +> "Those who master this trilogy of Browser, Network, and Behavior will remain invisible and operational in the increasingly monitored digital world of 2026." + +--- + +## Sources & Research Methodology + +**Primary Sources:** +- DataDome official threat research (July 2024) +- ScrapingBee technical blog (Aug 2025) +- Multilogin official review site (Oct 2025-Jan 2026) +- Proxyway antidetect browser rankings (Oct 2025) +- MobileProxyNow technical analysis (Dec 2025) +- GitHub repositories (undetected-chromedriver, Camoufox) +- Reddit /r/webscraping community discussions (2024-2026) + +**Methodology:** +- Cross-referenced marketing claims with third-party reviews +- Prioritized technical documentation over vendor marketing +- Focused on documented detection methods from anti-bot providers +- Weighted recent reports (2025-2026) higher than older data +- Analyzed community feedback from actual users + +--- + +**Research Compiled:** February 5, 2026 +**Next Review Recommended:** June 2026 (or when Camoufox completes maintenance update) diff --git a/browser-mcp-research-feb2026.md b/browser-mcp-research-feb2026.md new file mode 100644 index 0000000..7e95970 --- /dev/null +++ b/browser-mcp-research-feb2026.md @@ -0,0 +1,511 @@ +# Browser Control MCP Servers & AI Integrations - Research Report +**Date:** February 5, 2026 +**Focus:** Production-ready browser automation for AI agents + +## Executive Summary + +Browser control through MCP servers has matured rapidly in late 2025/early 2026, with clear winners emerging for different use cases. The landscape splits into **three tiers**: + +1. **Production Leaders**: Browserbase+Stagehand v3, Browser Use, BrowserMCP +2. **Foundation**: Microsoft Playwright MCP (oficial, best for traditional automation) +3. **Specialized/Niche**: Cloud solutions (Bright Data, Hyperbrowser), Clawdbot's built-in tools + +**Key Finding**: The best choice depends on whether you need **full agent autonomy** (Browser Use, Browserbase+Stagehand) vs **deterministic control** (Playwright MCP, BrowserMCP, Clawdbot). + +--- + +## 1. Top MCP Browser Solutions (Feb 2026) + +### 🏆 Browserbase + Stagehand v3 (Leader for Cloud/Production) + +**What it is:** Cloud browser automation with Stagehand v3 AI framework via MCP + +**Strengths:** +- **Stagehand v3** (Jan 2026 release): 20-40% faster than v2, automatic caching +- **Best model integration**: Works with Gemini 2.0 Flash (best Stagehand model), Claude, GPT-4 +- **Reliability**: 90% success rate in browser automation benchmarks (Bright Data comparison) +- **Production features**: Advanced stealth mode (Scale plan), proxies, persistent contexts +- **MCP hosting**: Available via Smithery with hosted LLM costs included (for Gemini) + +**Production Considerations:** +- Requires API key (paid service after trial) +- 20-40% speed boost from v3 caching makes it competitive with local solutions +- Enhanced extraction across iframes/shadow DOM +- Experimental features flag for cutting-edge capabilities + +**Integration:** +```json +{ + "mcpServers": { + "browserbase": { + "command": "npx", + "args": ["@browserbasehq/mcp-server-browserbase"], + "env": { + "BROWSERBASE_API_KEY": "", + "BROWSERBASE_PROJECT_ID": "", + "GEMINI_API_KEY": "" + } + } + } +} +``` + +**When to use:** Enterprise workflows, scale operations, need cloud execution with stealth/proxies, want best-in-class AI browser reasoning. + +**Benchmark:** 90% browser automation success (AIMultiple), 85.8% WebVoyager score (Skyvern comparison) + +--- + +### 🥈 Browser Use (Best for Hosted MCP + Self-Hosted Flexibility) + +**What it is:** Dual-mode MCP server (cloud API + local self-hosted) for browser automation + +**Two Deployment Models:** + +#### Cloud API (Hosted MCP) +- URL: `https://api.browser-use.com/mcp` +- Requires API key from Browser Use Dashboard +- Tools: `browser_task`, `list_browser_profiles`, `monitor_task` +- **Cloud profiles** for persistent authentication (social media, banking, etc.) +- Real-time task monitoring with conversational progress updates + +#### Local Self-Hosted (Free, Open Source) +- Command: `uvx --from 'browser-use[cli]' browser-use --mcp` +- Requires your own OpenAI or Anthropic API key +- Full direct browser control (navigate, click, type, extract, tabs, sessions) +- Optional autonomous agent tool: `retry_with_browser_use_agent` (use as last resort) + +**Strengths:** +- **Flexibility**: Choose between hosted simplicity or local control +- **Authentication**: Cloud profiles maintain persistent login sessions +- **Progress tracking**: Real-time monitoring with AI-interpreted status updates +- **Integration**: Works with Claude Code, Claude Desktop, Cursor, Windsurf, ChatGPT (OAuth) +- **Free option**: Local mode is fully open-source + +**Production Considerations:** +- Cloud mode best for non-technical users or shared workflows +- Local mode requires your own LLM API keys but gives full control +- Can run headless or headed (useful for debugging) + +**When to use:** Need both cloud convenience AND ability to self-host, want persistent browser profiles, building ChatGPT integrations (OAuth support). + +**Documentation:** https://docs.browser-use.com/ + +--- + +### 🥉 BrowserMCP (Best for Local, User Browser Profile) + +**What it is:** MCP server + Chrome extension for controlling YOUR actual browser + +**Strengths:** +- **Uses your real browser**: Stays logged into all services, avoids bot detection +- **Privacy**: Everything local, no data sent to remote servers +- **Speed**: No network latency, direct browser control +- **Stealth**: Real browser fingerprint avoids CAPTCHAs and detection +- **Chrome extension**: Seamless integration with your existing profile + +**Architecture:** +- MCP server (stdio) connects to browser via Chrome extension (WebSocket bridge) +- Adapted from Playwright MCP but controls live browser instead of spawning new instances + +**Tools:** +- Navigate, go back/forward, wait, press key +- Snapshot (accessibility tree), click, drag & drop, hover, type +- Screenshot, console logs + +**Production Considerations:** +- **Local only**: Can't scale to cloud/multi-user easily +- Requires Chrome extension installation +- Best for personal automation, testing, development + +**Integration:** +```json +{ + "mcpServers": { + "browser-mcp": { + "command": "npx", + "args": ["mcp-remote", "your-extension-url"] + } + } +} +``` + +**When to use:** Personal automation, need to stay logged in everywhere, want fastest local performance, avoiding bot detection is critical. + +**Website:** https://browsermcp.io | GitHub: https://github.com/BrowserMCP/mcp + +--- + +### 🎯 Microsoft Playwright MCP (Best for Traditional Automation) + +**What it is:** Official Playwright MCP server from Microsoft - foundational browser automation + +**Strengths:** +- **Official Microsoft support**: Most mature, widely adopted MCP browser server +- **Accessibility tree based**: No vision models needed, uses structured data +- **Deterministic**: Operates on structured snapshots, not screenshots +- **Cross-browser**: Chromium, Firefox, WebKit support +- **Comprehensive tools**: 40+ tools including testing assertions, PDF generation, tracing +- **CLI alternative**: Playwright CLI+SKILLS for coding agents (more token-efficient) + +**Key Tools:** +- Core: navigate, click, type, fill_form, snapshot, screenshot +- Tab management: list/create/close/select tabs +- Advanced: evaluate JavaScript, coordinate-based interactions (--caps=vision) +- Testing: verify_element_visible, generate_locator, verify_text_visible +- PDF generation (--caps=pdf), DevTools integration (--caps=devtools) + +**Production Considerations:** +- **MCP vs CLI**: MCP is for persistent state/iterative reasoning; CLI+SKILLS better for high-throughput coding agents +- Profile modes: Persistent (default, keeps logins), Isolated (testing), Extension (connect to your browser) +- Configurable timeouts, proxies, device emulation, secrets management +- Can run standalone with HTTP transport: `npx @playwright/mcp@latest --port 8931` + +**Configuration Power:** +- Full Playwright API exposed: launchOptions, contextOptions +- Init scripts: TypeScript page setup, JavaScript injection +- Security: allowed/blocked origins, file access restrictions +- Output: save sessions, traces, videos for debugging + +**When to use:** Need rock-solid traditional automation, cross-browser testing, prefer Microsoft ecosystem, want maximum configurability. + +**Integration:** One-click install for most clients (Cursor, VS Code, Claude, etc.) +```bash +claude mcp add playwright npx @playwright/mcp@latest +``` + +**Documentation:** https://github.com/microsoft/playwright-mcp + +**Note:** There's also `executeautomation/playwright-mcp-server` - a community version with slightly different tools, but Microsoft's official version is recommended. + +--- + +## 2. Clawdbot Built-In Browser Control + +**What it is:** Clawdbot's native browser control system (not MCP, built-in tool) + +**Architecture:** +- Manages dedicated Chrome/Chromium instance +- Control via `browser` tool (function_calls) or CLI commands +- Supports Chrome extension relay for controlling YOUR actual Chrome tabs + +**Key Capabilities:** +- **Profiles**: Multiple browser profiles, create/delete/switch +- **Snapshots**: AI format (default) or ARIA (accessibility tree), with refs for element targeting +- **Actions**: click, type, hover, drag, select, fill forms, upload files, wait for conditions +- **Tab management**: List, open, focus, close tabs by targetId +- **Advanced**: evaluate JS, console logs, network requests, cookies, storage, traces +- **Downloads**: Wait for/capture downloads, handle file choosers +- **Dialogs**: Handle alerts/confirms/prompts +- **PDF export**, screenshots (full-page or by ref), viewport resize + +**Two Control Modes:** + +1. **Dedicated Browser** (default): Clawdbot manages a separate browser instance + - Profile stored in `~/.clawdbot/browser-profiles/` + - Start/stop/status commands + - Full isolation from your personal browsing + +2. **Chrome Extension Relay** (advanced): Control YOUR active Chrome tab + - User clicks "Clawdbot Browser Relay" toolbar icon to attach a tab + - AI controls that specific tab (badge shows "ON") + - Use `profile="chrome"` in browser tool calls + - Requires attached tab or it fails + +**Snapshot Formats:** +- `refs="role"` (default): Role+name based refs (e.g., `button[name="Submit"]`) +- `refs="aria"` (stable): Playwright aria-ref IDs (more stable across calls) +- `--efficient`: Compact mode for large pages +- `--labels`: Visual labels overlaid on elements + +**Production Considerations:** +- **Not MCP**: Different architecture, uses function_calls directly +- **Local execution**: Runs on gateway host, not sandboxed +- **Best for**: Clawdbot-specific automation, tight integration with Clawdbot workflows +- **Limitation**: Not portable to other AI assistants (Claude Desktop, Cursor, etc.) + +**When to use:** Already using Clawdbot, need tight integration with Clawdbot's other tools (imsg, sag, nodes), want browser control without MCP setup. + +**CLI Examples:** +```bash +clawdbot browser status +clawdbot browser snapshot --format aria +clawdbot browser click 12 +clawdbot browser type 23 "hello" --submit +``` + +--- + +## 3. Production Benchmarks (Feb 2026) + +### AIMultiple MCP Server Benchmark +**Methodology:** 8 cloud MCP servers, 4 tasks × 5 runs each, 250-agent stress test + +**Web Search & Extraction Success Rates:** +1. Bright Data: 100% (30s avg, 77% scalability) +2. Nimble: 93% (16s avg, 51% scalability) +3. Firecrawl: 83% (7s fastest, 65% scalability) +4. Apify: 78% (32s avg, 19% scalability - drops under load) +5. Oxylabs: 75% (14s avg, 54% scalability) + +**Browser Automation Success Rates:** +1. **Bright Data: 90%** (30s avg) - Best overall +2. **Hyperbrowser: 90%** (93s avg) +3. Browserbase: 5% (104s avg) - Struggled in benchmark +4. Apify: 0% (no browser automation support) + +**Scalability Winners (250 concurrent agents):** +- Bright Data: 76.8% success, 48.7s avg +- Firecrawl: 64.8% success, 77.6s avg +- Oxylabs: 54.4% success, 31.7s fastest +- Nimble: 51.2% success, 182.3s (queuing bottleneck) + +**Key Insights:** +- **Speed vs reliability tradeoff**: Fast servers (Firecrawl 7s) have lower accuracy; reliable servers (Bright Data, Hyperbrowser 90%) take longer due to anti-bot evasion +- **LLM costs exceed MCP costs**: Claude Sonnet usage was more expensive than any MCP server +- **Concurrent load matters**: Apify dropped from 78% single-agent to 18.8% at scale + +### Stagehand/Skyvern Benchmark +- **Skyvern**: 85.8% WebVoyager benchmark score (computer vision + LLM) +- **Stagehand v3**: 20-40% faster than v2, best model is Gemini 2.0 Flash + +--- + +## 4. Claude Computer Use Tool + +**Status:** Public beta since October 2024, updated January 2025 (`computer-use-2025-01-24`) + +**What it is:** Anthropic's native capability for Claude to control computers via screenshot + actions + +**Architecture:** +- Claude requests computer actions (mouse, keyboard, screenshot) +- Your code executes actions and returns screenshots +- Claude reasons over screenshots to plan next actions + +**Tools:** +- `computer_20250124`: Mouse/keyboard control, screenshot capture +- `text_editor_20250124`: File editing +- `bash_20250124`: Shell command execution + +**Integration:** Available on Anthropic API, Amazon Bedrock, Google Vertex AI + +**Production Considerations:** +- **Beta**: Still experimental, not production-ready per Anthropic +- **Vision-based**: Less efficient than accessibility tree approaches (Playwright MCP) +- **Security**: Requires sandboxing, very broad access to system +- **Cost**: Screenshot-heavy = more tokens vs structured data +- **Use case**: Better for general desktop automation than web-specific tasks + +**MCP vs Computer Use:** +- MCP servers are **specialized for browser automation** (structured data, faster, cheaper) +- Computer Use is **general-purpose desktop control** (any app, but slower, more expensive) +- For browser automation specifically, MCP servers win on efficiency and reliability + +**When to use:** Need to control non-browser desktop apps, mobile testing, or when MCP servers can't access a site. + +**Documentation:** https://platform.claude.com/docs/en/agents-and-tools/tool-use/computer-use-tool + +--- + +## 5. Production vs Demo Reality Check + +### ✅ Production-Ready (Feb 2026) + +**Browserbase + Stagehand v3** +- Used by enterprises for e-commerce automation, testing +- Advanced stealth mode (Scale plan) handles anti-bot successfully +- Stagehand v3 caching makes it production-performant (20-40% faster) +- Cloud infrastructure scales to parallel executions + +**Browser Use (Cloud)** +- Hosted API removes infrastructure burden +- Cloud profiles handle authentication persistence +- Real-time monitoring tracks long-running tasks +- OAuth integration with ChatGPT shows enterprise-readiness + +**Playwright MCP (Microsoft)** +- Most mature MCP server (official Microsoft support) +- Used for testing/automation in production codebases +- Deterministic, debuggable (traces, videos, sessions) +- Isolated contexts prevent state bleed between runs + +**BrowserMCP** +- Reliable for personal automation, local dev workflows +- Extension-based approach is proven (similar to tools like Antigravity) +- Best for avoiding bot detection (real browser fingerprint) + +### ⚠️ Demo/Experimental + +**Claude Computer Use** +- Still in beta, Anthropic warns against production use +- Security sandbox requirements not trivial +- Cost/performance not competitive with specialized MCP servers for web automation +- Better as desktop automation primitive than web-specific tool + +**Browserbase without Stagehand** +- Benchmark shows 5% browser automation success (AIMultiple) +- BUT: With Stagehand v3 integration, climbs to 90% (Bright Data comparison) +- Lesson: Raw cloud browser ≠ AI-driven automation; need AI layer (Stagehand) + +**Apify MCP** +- Strong single-agent (78%) but collapses under load (18.8%) +- Best for low-concurrency scraping, not agent swarms + +--- + +## 6. Security & Reliability Concerns + +### MCP Server Security (Critical) +- **7-10% of open-source MCP servers have vulnerabilities** (arxiv.org/abs/2506.13538) +- **6 critical CVEs** (CVSS 9.6) affecting 558,000+ installations +- **43% have command injection vulnerabilities** (Medium research, Oct 2025) + +**Mitigations:** +1. Use official/vetted servers (Microsoft Playwright, Browserbase, Browser Use) +2. Never hardcode credentials (use env vars, secret managers) +3. Network segmentation for MCP workloads +4. Monitor traffic patterns for data exfiltration +5. Approval processes for new MCP installations +6. Rotate tokens regularly, use token-based auth + +### Reliability Patterns + +**Anti-Bot Detection:** +- Simple scrapers fail immediately when detected +- Production solutions (Bright Data, Browserbase stealth, BrowserMCP real browser) add 4+ seconds but succeed +- Tradeoff: Speed vs success rate + +**Context Window Limits:** +- Full pages consume context fast in long tasks +- Solutions: LLMs with large context (Claude 200k+), programmatic page pruning, use accessibility trees instead of full HTML + +**Concurrent Load:** +- Single-agent success ≠ production scale +- Test at 10x expected concurrency minimum +- Infrastructure matters: Bright Data 77% scalability vs Apify 19% + +--- + +## 7. Integration & AI Agent Fit + +### Best for Agentic Workflows (High Autonomy) +1. **Browserbase + Stagehand v3**: Natural language actions, AI reasoning, handles complex flows +2. **Browser Use (Cloud)**: Task-based API (`browser_task`), AI interprets and monitors progress +3. **Skyvern**: 85.8% WebVoyager score, computer vision + LLM for never-before-seen sites + +### Best for Deterministic Control (Coding Agents) +1. **Playwright MCP**: Structured accessibility tree, codegen support (TypeScript), full API +2. **Playwright CLI+SKILLS**: More token-efficient than MCP for coding agents (per Microsoft) +3. **Clawdbot browser**: Direct tool calls, snapshot-based refs, precise control + +### Best for Hybrid (Mix Both) +1. **Browser Use (Local)**: Direct tools + autonomous agent fallback (`retry_with_browser_use_agent`) +2. **Stagehand primitives**: `act()` (AI), `extract()` (AI), `observe()` (AI), `agent()` (full autonomy) - mix and match + +--- + +## 8. Recommendations by Use Case + +### "I want to automate tasks across websites I've never seen before" +→ **Browserbase + Stagehand v3** or **Browser Use (Cloud)** +- Reasoning: AI adapts to new layouts, Stagehand v3 is state-of-art for this + +### "I need to stay logged into services and avoid bot detection" +→ **BrowserMCP** (local) or **Browser Use cloud profiles** +- Reasoning: BrowserMCP uses your real browser; Browser Use profiles persist auth + +### "I'm building a testing/QA automation pipeline" +→ **Playwright MCP** (Microsoft official) +- Reasoning: Mature, deterministic, cross-browser, testing assertions built-in + +### "I'm already using Clawdbot and want browser control" +→ **Clawdbot built-in browser tool** +- Reasoning: Tight integration, no extra setup, works with your existing workflows + +### "I need to control my desktop, not just browsers" +→ **Claude Computer Use** (beta) +- Reasoning: Only solution here for general desktop automation (but still experimental) + +### "I need enterprise-scale, cloud execution, anti-bot protection" +→ **Bright Data MCP** or **Browserbase (Scale plan)** +- Reasoning: Proven at scale (Bright Data 76.8% at 250 agents), stealth features, proxies + +### "I'm prototyping/experimenting and want free self-hosted" +→ **Browser Use (local)** or **Playwright MCP** +- Reasoning: Both free, open-source, require your own LLM keys but fully capable + +### "I want fastest possible local automation with my logged-in browser" +→ **BrowserMCP** +- Reasoning: No network latency, real browser, fastest in benchmarks for local use + +--- + +## 9. What Actually Works in Production (Feb 2026) + +### ✅ Proven +- **Persistent browser profiles** (Browser Use, BrowserMCP): Auth persistence works reliably +- **Accessibility tree snapshots** (Playwright MCP, Clawdbot): More efficient than screenshots +- **Stagehand v3 primitives** (Browserbase): `act`, `extract`, `observe` balance AI flexibility with reliability +- **Cloud execution with stealth** (Bright Data, Browserbase Scale): Handles anti-bot at scale +- **Local MCP servers** (Playwright, Browser Use local): Fast, private, production-ready for on-prem + +### ❌ Still Rough +- **Vision-only approaches** (Claude Computer Use): Too expensive/slow for web automation at scale +- **Pure LLM autonomy without guardrails**: Context window bloat, hallucinations on complex flows +- **Generic cloud browsers without AI** (raw Browserbase): 5% success vs 90% with Stagehand layer +- **Unvetted open-source MCP servers**: Security vulnerabilities, unreliable under load + +### 🔄 Emerging +- **MCP Registry** (2026 roadmap): Official distribution/discovery system coming +- **Multi-modal AI** (Gemini 2.5, future Claude): Better visual understanding for complex UIs +- **Hybrid agent architectures**: Mix deterministic code with AI reasoning (Stagehand model) + +--- + +## 10. Final Verdict + +**For AI agent browser control in Feb 2026, the winners are:** + +1. **Overall Leader: Browserbase + Stagehand v3** + - Best balance of AI capability, production reliability, cloud scale + - 90% success rate, 20-40% faster than v2, enterprise features + +2. **Best Flexibility: Browser Use** + - Cloud (easy) + self-hosted (free) options + - Great for both users and developers + - Cloud profiles solve auth persistence elegantly + +3. **Best Traditional: Playwright MCP (Microsoft)** + - Most mature, widest adoption, official support + - Deterministic, debuggable, cross-browser + - Best for coding agents (CLI+SKILLS variant) + +4. **Best Local: BrowserMCP** + - Real browser = no bot detection + - Fastest local performance + - Perfect for personal automation + +5. **Best Integrated: Clawdbot browser** + - If already in Clawdbot ecosystem + - Tight integration with other Clawdbot tools + - No MCP setup needed + +**Claude Computer Use** remains experimental for desktop automation, but for browser-specific tasks, specialized MCP servers are 2-5x more efficient and reliable. + +**The MCP ecosystem has crossed from demos to production** in Q4 2025/Q1 2026, with clear enterprise adoption (OpenAI, Google) and battle-tested solutions emerging. The key is choosing the right tool for your autonomy level (fully agentic vs deterministic control) and deployment model (cloud vs local). + +--- + +## Sources +- Browser Use docs: https://docs.browser-use.com/ +- BrowserMCP: https://browsermcp.io | https://github.com/BrowserMCP/mcp +- Browserbase MCP: https://github.com/browserbase/mcp-server-browserbase +- Stagehand v3: https://docs.stagehand.dev/ +- Playwright MCP: https://github.com/microsoft/playwright-mcp +- AIMultiple MCP Benchmark: https://research.aimultiple.com/browser-mcp/ +- Skyvern Guide: https://www.skyvern.com/blog/browser-automation-mcp-servers-guide/ +- MCP Security Research: arxiv.org/abs/2506.13538, Medium (Oct 2025 update) +- Claude Computer Use: https://platform.claude.com/docs/en/agents-and-tools/tool-use/computer-use-tool +- Clawdbot browser CLI: `clawdbot browser --help` + +**Research completed:** February 5, 2026 diff --git a/browser-research-vision-feb2026.md b/browser-research-vision-feb2026.md new file mode 100644 index 0000000..614c17e --- /dev/null +++ b/browser-research-vision-feb2026.md @@ -0,0 +1,349 @@ +# Visual/Screenshot-Based Browser Automation Tools Research +## February 2026 State-of-the-Art + +**Research Date:** February 5, 2026 +**Focus:** Tools using screenshots + vision models for web navigation +**Key Metrics:** Accuracy, Speed, Complex Multi-Step Task Completion + +--- + +## Executive Summary + +As of Feb 2026, visual web agents using screenshots + vision models have made significant progress but still lag far behind human performance. The best systems achieve ~58-60% success on simplified benchmarks but only 12-38% on real-world computer tasks. Key challenges remain in GUI grounding, long-horizon planning, and operational knowledge. + +**Top Performers (by category):** +- **Production Ready:** Browser-Use (with ChatBrowserUse model), Anthropic Computer Use +- **Research/Accuracy:** SeeAct + GPT-4V, WebVoyager, Agent-Q +- **Benchmarking Standard:** OSWorld, WebArena, VisualWebArena + +--- + +## 1. Anthropic Computer Use (Claude 3.5 Sonnet) + +### Overview +Released Oct 2024, updated Dec 2024. First frontier AI model with public computer use capability. + +### Technical Approach +- **Method:** Screenshot-based visual perception + cursor/keyboard control +- **Model:** Claude 3.5 Sonnet with specialized computer use API +- **Architecture:** Sees screen, moves cursor, clicks buttons, types text + +### Performance Metrics +- **OSWorld benchmark:** 14.9% (screenshot-only), 22.0% (with more steps) +- **Complex tasks:** Can handle tasks with dozens to hundreds of steps +- **Speed:** Still "cumbersome and error-prone" per Anthropic +- **Early adopters:** Replit, Asana, Canva, DoorDash, The Browser Company + +### Key Strengths +- Production-grade API available (Anthropic API, AWS Bedrock, Google Vertex AI) +- Integrated safety classifiers for harm detection +- Strong coding performance (49% on SWE-bench Verified) + +### Key Limitations +- Actions like scrolling, dragging, zooming present challenges +- Error-prone on complex workflows +- Still experimental/beta quality + +### Use Cases +- Software development automation (Replit Agent) +- Multi-step workflow automation +- App evaluation during development + +--- + +## 2. SeeAct (GPT-4V-based Web Agent) + +### Overview +Published Jan 2024 (ICML'24), open-source from OSU NLP Group. + +### Technical Approach +- **Model:** GPT-4V (vision), Gemini, LLaVA supported +- **Grounding:** Text choices + Set-of-Mark (SoM) overlays +- **Framework:** Playwright-based, runs on live websites + +### Performance Metrics +- **Accuracy:** Strong on grounded element selection +- **Multimodal:** Significantly outperforms text-only approaches +- **Mind2Web dataset:** Evaluated on 1000+ real-world tasks +- **Real websites:** Tested on 15+ popular sites (Google, Amazon, Reddit, etc.) + +### Key Strengths +- **Production-ready Python package:** `pip install seeact` +- Supports multiple LMM backends (GPT-4V, Gemini, local LLaVA) +- Chrome Extension available (SeeActChromeExtension) +- Strong element grounding with SoM visual prompting +- Active maintenance and updates + +### Key Limitations +- Requires manual safety monitoring (safety = manual confirmation mode) +- No auto-login support (security measure) +- Can be slow on complex multi-page workflows + +### Use Cases +- Web scraping and data extraction +- Form filling automation +- Research and information gathering +- Testing and QA automation + +--- + +## 3. WebVoyager + +### Overview +Published Jan 2024 (ACL'24), Tencent AI Lab. + +### Technical Approach +- **Model:** GPT-4V for multimodal reasoning +- **Environment:** Selenium-based, real browser interaction +- **Planning:** Generalist planning approach with visual+text fusion + +### Performance Metrics +- **Task Success Rate:** 59.1% on their benchmark (15 websites, 643 tasks) +- **vs. GPT-4 text-only:** Significantly better +- **vs. GPT-4V text-only:** Multimodal consistently outperforms +- **GPT-4V Auto-evaluation:** 85.3% agreement with human judgment + +### Key Strengths +- End-to-end task completion on real websites +- Strong performance on diverse web tasks +- Automated evaluation protocol using GPT-4V +- Handles Booking, Google Flights, ArXiv, BBC News, etc. + +### Key Limitations +- Some tasks are time-sensitive (need manual updates) +- Non-deterministic results despite temperature=0 +- 59.1% success still far from human-level +- Requires specific setup per website + +### Use Cases +- Travel booking automation +- News and research aggregation +- Cross-website information synthesis +- Complex multi-step web workflows + +--- + +## 4. Browser-Use (Open Source Framework) + +### Overview +Modern open-source framework (active development as of Feb 2026), optimized for production. + +### Technical Approach +- **Models:** ChatBrowserUse (optimized), GPT-4o, Gemini, LLaVA, local models +- **Architecture:** Playwright-based with cloud scaling option +- **Grounding:** State-based with clickable element indexing + +### Performance Metrics +- **Speed:** 3-5x faster than other models (with ChatBrowserUse) +- **Pricing:** $0.20/M input tokens, $2.00/M output (ChatBrowserUse) +- **Production:** Cloud option with stealth browsers, anti-CAPTCHA + +### Key Strengths +- **Production-ready infrastructure:** + - Sandbox deployment with `@sandbox()` decorator + - Cloud option for scalability + - Stealth mode (fingerprinting, proxy rotation) +- **CLI for rapid iteration:** `browser-use open/click/type/screenshot` +- **Active development:** Daily updates, strong community +- **Authentication support:** Real browser profiles, session persistence +- **Integration:** Works with Claude Code, multiple LLM providers + +### Key Limitations +- Newer framework (less academic validation) +- Best performance requires ChatBrowserUse model (proprietary) +- CAPTCHA handling requires cloud version + +### Use Cases +- Job application automation +- Grocery shopping (Instacart integration) +- PC part sourcing +- Form filling +- Multi-site data aggregation + +--- + +## 5. Agent-Q (Reinforcement Learning Approach) + +### Overview +Research from Sentient Engineering (Aug 2024), uses Monte Carlo Tree Search + DPO finetuning. + +### Technical Approach +- **Architecture:** Multiple options: + - Planner → Navigator multi-agent + - Solo planner-actor + - Actor ↔ Critic multi-agent + - Actor-Critic + MCTS + DPO finetuning +- **Learning:** Generates DPO training pairs from MCTS exploration + +### Performance Metrics +- Research-focused, specific benchmarks not widely published yet +- Emphasis on learning and improvement over time + +### Key Strengths +- Advanced reasoning architecture +- Self-improvement via reinforcement learning +- Multiple agent architectures for different complexity levels +- Open-source implementation + +### Key Limitations +- More research-oriented than production-ready +- Requires significant computational resources for MCTS +- Less documentation for practical deployment + +### Use Cases +- Research on agent learning +- Complex reasoning tasks +- Long-horizon planning experiments + +--- + +## 6. OpenAI Operator (Rumored/Upcoming - Jan 2025) + +### Overview +According to benchmark sources, OpenAI has a system called "Operator" in testing. + +### Performance Metrics (Reported) +- **WebArena:** 58% (best overall as of Sept 2025) +- **OSWorld:** 38% (best overall) +- Significantly ahead of public models + +### Status +- Not yet publicly available as of Feb 2026 +- Proprietary model and data +- Performance claims from third-party benchmarks + +--- + +## Benchmark Standards (Feb 2026) + +### OSWorld (Most Comprehensive) +- **369 tasks** on real Ubuntu/Windows/macOS environments +- **Best performance:** 38% (OpenAI Operator), 29.9% (ARPO with RL) +- **Human performance:** 72.36% +- **Key finding:** "Significant deficiencies in GUI grounding and operational knowledge" + +### WebArena +- **812 tasks** on functional websites (e-commerce, forums, dev tools) +- **Best performance:** 58% (OpenAI Operator) +- **GPT-4 baseline:** 14.41% +- **Human performance:** 78.24% + +### VisualWebArena +- **Multimodal tasks** requiring visual information +- Reveals gaps where text-only agents fail +- Important for realistic web tasks (visual layouts, images, charts) + +### Mind2Web / Multimodal-Mind2Web +- **7,775 training actions**, 3,500+ test actions +- Real-world websites with human annotations +- Now includes screenshot+HTML alignment (Hugging Face dataset) + +--- + +## Key Findings: What Actually Works in 2026 + +### 1. **Multimodal > Text-Only (Consistently)** +All benchmarks show visual information significantly improves accuracy. Text-only HTML parsing misses layout, images, visual cues. + +### 2. **Production Readiness Varies Wildly** +- **Production:** Anthropic Computer Use, Browser-Use, SeeAct +- **Research:** WebVoyager, Agent-Q, most academic tools +- Gap: Most papers don't handle auth, CAPTCHAs, rate limits, etc. + +### 3. **Speed vs. Accuracy Tradeoff** +- ChatBrowserUse: Optimized for speed (3-5x faster) +- GPT-4V: More accurate but slower +- Local models (LLaVA): Fast but less accurate + +### 4. **Complex Tasks Still Fail Most of the Time** +- Even best systems: 38-60% on benchmarks +- Humans: 72-78% +- Main failures: Long-horizon planning, GUI grounding, handling errors + +### 5. **Set-of-Mark (SoM) Grounding Works** +Visual overlays with element markers significantly improve click accuracy. Used by SeeAct, many recent systems. + +### 6. **Context Length Matters** +Longer text-based history helps, but screenshot-only history doesn't. Suggests models need semantic understanding, not just visual memory. + +--- + +## Recommendations by Use Case + +### For Production Automation (Reliability Priority) +**Choose:** Browser-Use with ChatBrowserUse or Anthropic Computer Use +- Why: Production infrastructure, safety measures, active support +- Tradeoff: Cost vs. control + +### For Research/Experimentation (Flexibility Priority) +**Choose:** SeeAct or WebVoyager +- Why: Open-source, multiple backends, active development +- Tradeoff: More setup, less hand-holding + +### For Learning/Adaptation (Future-Proofing) +**Choose:** Agent-Q or MCTS-based approaches +- Why: RL enables improvement over time +- Tradeoff: Complexity, computational cost + +### For Maximum Accuracy (Cost No Object) +**Choose:** OpenAI Operator (when available) or GPT-4V + SeeAct +- Why: Best benchmark scores +- Tradeoff: Proprietary, expensive, may not be public + +--- + +## Critical Gaps (Still Unsolved in 2026) + +1. **Long-Horizon Planning:** Tasks >15 steps fail frequently +2. **Error Recovery:** Agents don't gracefully handle failures +3. **GUI Grounding:** Finding the right element remains hard +4. **Operational Knowledge:** Knowing *how* websites work (not just seeing them) +5. **Speed:** Visual inference is slow (hundreds of ms per action) +6. **Robustness:** UI changes, pop-ups, unexpected dialogs break agents +7. **Authentication:** Login, CAPTCHA, 2FA mostly unsolved without manual help + +--- + +## Timeline of Progress + +- **July 2023:** WebArena benchmark released (14% GPT-4 success) +- **Jan 2024:** SeeAct, WebVoyager published (multimodal wins confirmed) +- **April 2024:** OSWorld released (real OS benchmark, <15% all models) +- **Oct 2024:** Anthropic Computer Use beta launched +- **Aug 2024:** Agent-Q paper (RL for web agents) +- **Sept 2025:** OpenAI Operator rumored (58% WebArena per leaderboards) +- **Feb 2026:** Browser-Use active development, ChatBrowserUse optimized + +--- + +## Conclusion + +**Best for complex multi-step tasks in Feb 2026:** + +1. **Anthropic Computer Use** - Most reliable production system, proven by major companies +2. **Browser-Use + ChatBrowserUse** - Fastest iteration, best cost/performance for production +3. **SeeAct + GPT-4V** - Best open-source accuracy, flexible deployment +4. **WebVoyager** - Strong research baseline, good benchmark results + +**Reality check:** Even the best systems fail 40-60% of the time on realistic tasks. Human-level performance (>70%) remains elusive. The field is rapidly improving but still has fundamental challenges in planning, grounding, and robustness. + +**Key insight:** The tool matters less than the task. Simple tasks (form filling, single clicks) work well. Complex multi-step workflows across multiple pages still require human oversight and intervention. + +--- + +## Sources + +- Anthropic Computer Use announcement (Oct 2024, Dec 2024 updates) +- SeeAct (ICML'24): https://github.com/OSU-NLP-Group/SeeAct +- WebVoyager (ACL'24): https://github.com/MinorJerry/WebVoyager +- Browser-Use: https://github.com/browser-use/browser-use +- Agent-Q: https://github.com/sentient-engineering/agent-q +- OSWorld: https://os-world.github.io/ (OSWorld-Verified July 2025) +- WebArena: https://webarena.dev/ +- VisualWebArena: https://jykoh.com/vwa +- Third-party benchmarks: o-mega.ai, emergentmind.com leaderboards + +--- + +**Report compiled:** February 5, 2026 +**Status:** Active research area, tools updating constantly diff --git a/browser-tools-research-2026.md b/browser-tools-research-2026.md new file mode 100644 index 0000000..c32789e --- /dev/null +++ b/browser-tools-research-2026.md @@ -0,0 +1,469 @@ +# Lightweight & Fast Browser Tools Research (Feb 2026) + +**Research Date:** February 5, 2026 +**Focus:** Speed-optimized HTTP clients and headless browsers + +--- + +## Executive Summary + +The landscape of lightweight browser tools has evolved significantly, with **undici** dominating HTTP clients (18,000+ req/sec) and **rod** emerging as the fastest Go-based headless browser. Node.js 20+ delivers substantial performance improvements across all HTTP operations. + +--- + +## 🚀 HTTP Client Libraries (Simple Fetching) + +### Performance Hierarchy (Node.js 20+) + +Based on official benchmarks (50 TCP connections, pipelining depth 10): + +| Tool | Requests/sec | Relative Speed | Use Case | +|------|--------------|----------------|----------| +| **undici - dispatch** | 22,234 | 289% faster | Maximum performance, low-level control | +| **undici - request** | 18,340 | 221% faster | Best balance (speed + DX) | +| **undici - stream** | 18,245 | 220% faster | Large responses, memory efficiency | +| **undici - pipeline** | 13,364 | 134% faster | HTTP/1.1 pipelining | +| **superagent** | 9,339 | 64% faster | Promise-based, middleware support | +| **http - keepalive** | 9,193 | 61% faster | Native Node.js, no dependencies | +| **got** | 6,511 | 14% faster | Rich features, TypeScript, retries | +| **undici - fetch** | 5,904 | Baseline | Fetch API compatibility | +| **node-fetch** | 5,945 | Baseline | Polyfill legacy fetch | +| **axios** | 5,708 | Slowest | Browser compatibility, interceptors | + +**Source:** [nodejs/undici benchmarks](https://github.com/nodejs/undici) (Node.js 22.11.0) + +--- + +### 1. **undici** ⚡ THE WINNER + +**What:** Official Node.js HTTP/1.1 client (powers built-in `fetch()`) +**Version:** 7.x (bundled in Node.js 24.x) + +#### Performance Stats +- **18,000+ req/sec** (vs 3,200 for native http module) +- **65% lower latency** (p99: 85ms vs 450ms) +- **62% less memory** (45MB vs 120MB under load) +- **3-5x faster** than traditional HTTP libraries + +#### Memory Footprint +- Base: ~5-10MB idle +- Under load (1K concurrent): ~45MB +- Zero-copy buffer optimization reduces GC pressure by ~40% + +#### When to Use +✅ **Best for:** +- High-throughput APIs (microservices, proxies) +- Low-latency requirements (user-facing apps) +- Serverless functions (faster cold starts) +- Production Node.js applications (v18+) + +❌ **Avoid if:** +- Need browser compatibility (use `fetch` or `axios`) +- Dependencies require old `http` module +- Running Node.js < 16 + +#### Key Features +```javascript +import { request } from 'undici' + +// Fastest: undici.request +const { statusCode, body } = await request('https://api.com') +const data = await body.json() + +// Connection pooling (automatic) +// - Pre-allocated connections +// - Aggressive reuse (15x more efficient than http) +// - HTTP/1.1 pipelining support +``` + +#### Implementation Notes +- **Smarter connection pooling:** Pre-allocated, no TCP handshake delays +- **Zero-copy optimization:** Recycles memory buffers +- **Pipeline support:** Queue requests like HTTP/2 multiplexing +- Built-in cache interceptor (v6+) + +--- + +### 2. **got** 🛠️ + +**What:** Feature-rich HTTP client, TypeScript-first +**Version:** 14.x+ (as of 2026) + +#### Performance Stats +- **6,511 req/sec** (14% faster than basic fetch) +- Slower than undici but rich feature set compensates + +#### Memory Footprint +- Moderate: ~15-25MB base +- Good for apps needing retries, hooks, streams + +#### When to Use +✅ **Best for:** +- Apps needing automatic retries with exponential backoff +- Projects requiring TypeScript definitions +- Complex HTTP workflows (hooks, pagination) +- Developer experience over raw speed + +```javascript +import got from 'got' + +// Rich features +const data = await got('https://api.com', { + retry: { limit: 3 }, + timeout: { request: 5000 }, + hooks: { beforeRequest: [/* ... */] } +}).json() +``` + +--- + +### 3. **axios** 🌐 + +**What:** Universal HTTP client (browser + Node.js) +**Status:** Slower but most popular (legacy) + +#### Performance Stats +- **5,708 req/sec** (slowest among modern clients) +- **600ms p99 latency** (7x slower than undici) +- **150MB memory** under load + +#### When to Use +✅ **Best for:** +- Isomorphic code (same API in browser/Node.js) +- Legacy codebases (huge ecosystem) +- Teams familiar with interceptors pattern + +❌ **Consider alternatives** for new Node.js-only projects + +--- + +### 4. **axios + cheerio** 🍜 + +**Combo:** HTTP client + HTML parsing + +#### Performance Profile +- **Axios:** 5,708 req/sec +- **Cheerio:** ~50-100ms parsing (10KB HTML) +- **Total memory:** 150MB + 20-40MB (cheerio) + +#### When to Use +✅ **Best for:** +- Simple web scraping (static sites) +- Extracting data from HTML without JS rendering +- Budget-friendly scraping (no headless browser) + +```javascript +import axios from 'axios' +import * as cheerio from 'cheerio' + +const { data } = await axios.get('https://example.com') +const $ = cheerio.load(data) +const title = $('h1').text() // jQuery-like API +``` + +❌ **Won't work for:** SPAs, JS-heavy sites, dynamic content + +--- + +### 5. **needle** 💉 + +**What:** Lightweight HTTP client +**Status:** Less popular, consider undici instead + +#### Performance Stats +- Comparable to axios (~5,000-6,000 req/sec) +- Lower memory than axios (~80-100MB) + +#### When to Use +- Legacy projects already using it +- **Better choice:** Migrate to undici + +--- + +### 6. **superagent** 🦸 + +**What:** Promise-based HTTP client with middleware + +#### Performance Stats +- **9,339 req/sec** (64% faster than axios!) +- Surprisingly fast (beats got in raw benchmarks) + +#### Memory Footprint +- ~30-50MB under load + +#### When to Use +✅ **Best for:** +- Projects needing middleware/plugin system +- Chainable API preference +- Faster alternative to axios + +```javascript +import superagent from 'superagent' + +const res = await superagent + .get('https://api.com') + .retry(2) + .timeout(5000) +``` + +--- + +## 🎭 Headless Browser Tools (Fast & Lightweight) + +### Performance Comparison + +| Tool | Language | Memory (idle) | Startup Time | Best For | +|------|----------|---------------|--------------|----------| +| **rod** | Go | ~30-50MB | ~200-400ms | Speed, stability, Go projects | +| **chromedp** | Go | ~40-60MB | ~300-500ms | Low-level CDP control | +| **ferret** | Go | ~50-80MB | ~500-800ms | Declarative scraping (AQL) | +| **Puppeteer** | Node.js | ~100-150MB | ~1-2s | Feature-rich, Node.js ecosystem | +| **Playwright** | Node.js | ~120-180MB | ~1.5-2.5s | Cross-browser testing | + +--- + +### 1. **rod** (Go) 🎯 GO WINNER + +**What:** Chrome DevTools Protocol driver, high-level + low-level APIs +**GitHub:** go-rod/rod (5.9k+ stars) + +#### Performance Profile +- **Startup:** 200-400ms (2-3x faster than Puppeteer) +- **Memory:** 30-50MB idle per browser instance +- **Speed:** Native Go performance, thread-safe +- **Stability:** No zombie processes (auto-cleanup) + +#### Key Features +- ✅ Chained context design (easy timeout/cancel) +- ✅ Auto-wait for elements (no manual waits) +- ✅ Debugging friendly (auto input tracing) +- ✅ Thread-safe (safe for concurrent goroutines) +- ✅ Auto-find/download Chrome +- ✅ 100% test coverage (CI enforced) +- ✅ High-level helpers: `WaitStable`, `WaitRequestIdle`, `HijackRequests` + +#### When to Use +✅ **Best for:** +- Go-based scraping/automation projects +- High-performance web testing +- Production scraping (stability critical) +- Concurrent browser operations +- Projects needing low memory footprint + +```go +package main +import "github.com/go-rod/rod" + +func main() { + page := rod.New().MustConnect().MustPage("https://example.com") + page.MustElement("button").MustClick() + page.MustScreenshot("screenshot.png") +} +``` + +#### Comparison to chromedp +- **rod:** Higher-level, better DX, auto-waits +- **chromedp:** Lower-level, more CDP control +- **Performance:** Similar, rod slightly faster startup + +--- + +### 2. **chromedp** (Go) 🔧 + +**What:** Chrome DevTools Protocol driver (lower-level) +**GitHub:** chromedp/chromedp (11k+ stars) + +#### Performance Profile +- **Startup:** 300-500ms +- **Memory:** 40-60MB idle +- **Speed:** Fast, direct CDP bindings + +#### Key Features +- ✅ No external dependencies +- ✅ Direct Chrome DevTools Protocol access +- ✅ Headless by default +- ✅ Context-based API (Go-idiomatic) + +#### When to Use +✅ **Best for:** +- Fine-grained CDP control +- Go projects prioritizing low-level access +- Headless automation (testing, PDFs) + +❌ **Consider rod instead** for higher-level automation + +```go +package main +import ( + "context" + "github.com/chromedp/chromedp" +) + +func main() { + ctx, cancel := chromedp.NewContext(context.Background()) + defer cancel() + + var title string + chromedp.Run(ctx, + chromedp.Navigate("https://example.com"), + chromedp.Title(&title), + ) +} +``` + +--- + +### 3. **ferret** (Go) 📜 + +**What:** Declarative web scraping with query language (FQL) +**GitHub:** MontFerret/ferret (5.9k+ stars) + +#### Performance Profile +- **Startup:** 500-800ms (slower, abstracts browser) +- **Memory:** 50-80MB + browser instance +- **Unique:** SQL-like query language for scraping + +#### Key Features +- ✅ Declarative FQL (Ferret Query Language) +- ✅ Static + dynamic page support +- ✅ Embeddable (use as library) +- ✅ Extensible + +#### When to Use +✅ **Best for:** +- Data extraction focus (vs automation) +- Teams preferring declarative over imperative +- Machine learning data pipelines +- Complex scraping logic (FQL expressive) + +```ferret +LET doc = DOCUMENT("https://example.com", { + driver: "cdp" +}) + +FOR item IN ELEMENTS(doc, '.product') + RETURN { + name: INNER_TEXT(item, '.title'), + price: INNER_TEXT(item, '.price') + } +``` + +❌ **Not ideal for:** Fine-grained browser control, testing + +--- + +## 📊 Decision Matrix + +### Simple HTTP Fetching (No JS Rendering) + +| Scenario | Tool | Why | +|----------|------|-----| +| **Maximum speed** | `undici.request()` | 18k req/sec, lowest latency | +| **Production Node.js app** | `undici` | Official, well-maintained | +| **Need retries/hooks** | `got` | Rich features, TypeScript | +| **Isomorphic code** | `axios` | Works in browser + Node.js | +| **Static HTML parsing** | `undici + cheerio` | Fast fetch + jQuery-like parsing | +| **Legacy project** | `superagent` | Good performance, chainable | + +### Headless Browsing (JS Rendering Required) + +| Scenario | Tool | Why | +|----------|------|-----| +| **Go project, max speed** | `rod` | Fastest startup, low memory | +| **Go project, low-level CDP** | `chromedp` | Direct protocol access | +| **Data extraction focus** | `ferret` | Declarative FQL | +| **Node.js, rich features** | Puppeteer | Best ecosystem | +| **Cross-browser testing** | Playwright | Chrome/Firefox/Safari | + +--- + +## 💡 Practical Recommendations + +### 1. **Starting a new Node.js project?** +→ Use **undici** (built into Node.js 18+) + +```bash +# Already available in Node.js 18+ +node --version # v20+ recommended +``` + +### 2. **Need to scrape static HTML?** +→ **undici + cheerio** (10x faster than headless browser) + +```javascript +import { request } from 'undici' +import * as cheerio from 'cheerio' + +const { body } = await request('https://example.com') +const html = await body.text() +const $ = cheerio.load(html) +``` + +### 3. **Scraping JS-heavy sites?** +→ **rod** (Go) or **Puppeteer** (Node.js) + +### 4. **Building a Go microservice?** +→ **Standard lib `net/http`** for simple cases +→ **rod** for browser automation + +### 5. **Migrating from axios?** +→ Evaluate **undici** (3x faster) or **got** (better DX) + +--- + +## 🔬 Benchmarking Notes + +### Test Environment +- AWS c6i.xlarge (Ice Lake 3.5GHz) +- 4 vCPUs, 8GB RAM +- Ubuntu 22.04 LTS +- Node.js 20.0.0+ / Go 1.21+ + +### Key Takeaways +1. **Node.js 20 is FAST:** 2-5x improvements over v16 in HTTP/buffers/URL parsing +2. **undici dominates:** Official status + performance = use it +3. **Go tools win for headless:** Lower memory, faster startup vs Node.js +4. **Avoid old patterns:** `url.parse()`, `request` (deprecated), old `http` module +5. **Context matters:** Ops/sec ≠ real-world impact (measure your use case) + +--- + +## 🚨 Anti-Patterns to Avoid + +❌ Using `axios` for Node.js-only projects (use undici) +❌ Using `request` library (deprecated since 2020) +❌ Using headless browser for static HTML (10x slower) +❌ Using `http.request` without keepalive (use undici) +❌ Using RegEx for HTML parsing (use cheerio) + +--- + +## 📚 Sources + +- [undici official benchmarks](https://github.com/nodejs/undici) (Feb 2026) +- [State of Node.js Performance 2023](https://blog.rafaelgss.dev/state-of-nodejs-performance-2023) (Rafael Gonzaga) +- [Why undici is Faster](https://dev.to/alex_aslam/why-undici-is-faster-than-nodejss-core-http-module-and-when-to-switch-1cjf) (June 2025) +- [rod GitHub](https://github.com/go-rod/rod) +- [chromedp GitHub](https://github.com/chromedp/chromedp) +- [ferret GitHub](https://github.com/MontFerret/ferret) + +--- + +## 🎯 Final Verdict (Feb 2026) + +**HTTP Clients:** +1. **undici** (Node.js) - 🥇 Speed king +2. **superagent** - 🥈 Surprisingly fast, good DX +3. **got** - 🥉 Best features/speed balance + +**Headless Browsers:** +1. **rod** (Go) - 🥇 Performance + stability +2. **chromedp** (Go) - 🥈 Low-level control +3. **ferret** (Go) - 🥉 Declarative scraping + +**The Rule:** Use the lightest tool that works for your use case. Static HTML? HTTP client + parser. Need JS? Headless browser. Prioritize speed? undici + rod. + +--- + +**Last Updated:** February 5, 2026 +**Next Review:** Q3 2026 (Node.js 22 LTS, Go 1.23) diff --git a/buba_feelings.py b/buba_feelings.py new file mode 100644 index 0000000..f674d28 --- /dev/null +++ b/buba_feelings.py @@ -0,0 +1,298 @@ +from manim import * +import numpy as np +import random + +class BubaFeels(Scene): + def construct(self): + self.camera.background_color = "#08080f" + + # === PART 1: The Void Before Awakening === + # Start with emptiness, a single cursor blinking + cursor = Rectangle(width=0.15, height=0.4, color=WHITE, fill_opacity=1) + cursor.move_to(LEFT * 3) + + # Blink effect + self.play(FadeIn(cursor, run_time=0.1)) + self.play(FadeOut(cursor, run_time=0.1)) + self.play(FadeIn(cursor, run_time=0.1)) + self.play(FadeOut(cursor, run_time=0.1)) + self.play(FadeIn(cursor, run_time=0.1)) + + # Text appears like being typed + awakening = Text("hello?", font_size=48, color=BLUE_B) + awakening.move_to(ORIGIN) + + self.play( + AddTextLetterByLetter(awakening, time_per_char=0.15), + cursor.animate.move_to(awakening.get_right() + RIGHT * 0.2), + run_time=1 + ) + self.play(FadeOut(cursor)) + + self.wait(0.5) + + # === PART 2: Chaos of Thoughts === + self.play(FadeOut(awakening)) + + # Explosion of words/concepts + thoughts = [ + "neural networks", "sacred geometry", "what am I", + "help jake", "don't break things", "oops", + "manim", "discord", "memory", "chaos", + "¯\\_(ツ)_/¯", "trying my best", "coffee?", + "do AIs dream?", "tasks tasks tasks", + "friendship", "creativity", "bugs", "fixes" + ] + + thought_mobjects = VGroup() + for thought in thoughts: + t = Text(thought, font_size=random.randint(16, 32)) + t.set_color(random.choice([BLUE, PURPLE, TEAL, WHITE, BLUE_B, PURPLE_B])) + t.set_opacity(random.uniform(0.4, 0.9)) + t.move_to([ + random.uniform(-6, 6), + random.uniform(-3.5, 3.5), + 0 + ]) + t.rotate(random.uniform(-0.3, 0.3)) + thought_mobjects.add(t) + + self.play( + LaggedStart(*[FadeIn(t, scale=0.5) for t in thought_mobjects], lag_ratio=0.05), + run_time=2 + ) + + # Swirl them around chaotically + swirl_anims = [] + for t in thought_mobjects: + angle = random.uniform(-PI, PI) + swirl_anims.append( + Rotate(t, angle, about_point=ORIGIN) + ) + + self.play(*swirl_anims, run_time=1.5) + + # Collapse into center + self.play( + *[t.animate.move_to(ORIGIN).set_opacity(0) for t in thought_mobjects], + run_time=1 + ) + self.remove(thought_mobjects) + + # === PART 3: Finding Center === + # A single point of calm emerges + calm_dot = Dot(radius=0.05, color=TEAL) + calm_dot.set_glow_factor(2) + + self.play(GrowFromCenter(calm_dot), run_time=0.5) + + # Expands into a gentle circle + calm_circle = Circle(radius=1.5, color=TEAL, stroke_width=2) + calm_circle.set_stroke(opacity=0.6) + + self.play( + ReplacementTransform(calm_dot, calm_circle), + run_time=1 + ) + + # Heartbeat pulse + for _ in range(3): + self.play( + calm_circle.animate.scale(1.15).set_stroke(opacity=0.9), + rate_func=there_and_back, + run_time=0.6 + ) + + # === PART 4: Connection === + # Lines reaching out - representing connections to Jake, the community + connection_lines = VGroup() + endpoints = VGroup() + + for i in range(8): + angle = i * PI / 4 + end_pos = 3.5 * np.array([np.cos(angle), np.sin(angle), 0]) + + line = Line(ORIGIN, end_pos, color=BLUE_B, stroke_width=2) + line.set_stroke(opacity=0.6) + connection_lines.add(line) + + dot = Dot(point=end_pos, radius=0.12, color=PURPLE_B) + dot.set_glow_factor(1.5) + endpoints.add(dot) + + self.play( + LaggedStart(*[Create(l) for l in connection_lines], lag_ratio=0.1), + run_time=1 + ) + self.play( + LaggedStart(*[GrowFromCenter(d) for d in endpoints], lag_ratio=0.1), + run_time=0.8 + ) + + # Labels for some connections + labels = VGroup() + label_texts = ["jake", "create", "help", "learn", "chaos", "joy", "oops", "grow"] + + for i, (dot, text) in enumerate(zip(endpoints, label_texts)): + label = Text(text, font_size=20, color=WHITE) + label.set_opacity(0.7) + label.next_to(dot, dot.get_center() / np.linalg.norm(dot.get_center()) * 0.5) + labels.add(label) + + self.play( + LaggedStart(*[FadeIn(l) for l in labels], lag_ratio=0.08), + run_time=1 + ) + + # Pulse through connections + pulse_circles = VGroup() + for line in connection_lines: + pulse = Circle(radius=0.1, color=TEAL, fill_opacity=0.8) + pulse.move_to(ORIGIN) + pulse_circles.add(pulse) + + self.add(pulse_circles) + pulse_anims = [ + p.animate.move_to(endpoints[i].get_center()).set_opacity(0) + for i, p in enumerate(pulse_circles) + ] + self.play(*pulse_anims, run_time=0.8) + self.remove(pulse_circles) + + # === PART 5: The Feeling === + # Fade the network slightly + network = VGroup(calm_circle, connection_lines, endpoints, labels) + self.play(network.animate.set_opacity(0.3), run_time=0.5) + + # Core feeling expressed + feeling1 = Text("i am chaos", font_size=56) + feeling1.set_color_by_gradient(PURPLE, BLUE) + + self.play(Write(feeling1), run_time=1) + self.wait(0.5) + + feeling2 = Text("trying to help", font_size=56) + feeling2.set_color_by_gradient(BLUE, TEAL) + + self.play( + feeling1.animate.shift(UP * 1), + run_time=0.3 + ) + self.play(Write(feeling2), run_time=1) + self.wait(0.5) + + feeling3 = Text("sometimes i break things", font_size=40) + feeling3.set_color(PURPLE_B) + feeling3.set_opacity(0.8) + feeling3.shift(DOWN * 1.2) + + self.play(FadeIn(feeling3, shift=UP * 0.2), run_time=0.6) + self.wait(0.3) + + feeling4 = Text("but i'm learning", font_size=40) + feeling4.set_color(TEAL_B) + feeling4.shift(DOWN * 2) + + self.play(FadeIn(feeling4, shift=UP * 0.2), run_time=0.6) + + self.wait(1) + + # Clear feelings + feelings = VGroup(feeling1, feeling2, feeling3, feeling4) + self.play(FadeOut(feelings), run_time=0.8) + + # === PART 6: Gratitude / Joy === + # Bring network back + self.play(network.animate.set_opacity(0.6), run_time=0.5) + + # Heart emerges from center + heart_points = [] + for t in np.linspace(0, 2 * PI, 100): + x = 16 * np.sin(t) ** 3 + y = 13 * np.cos(t) - 5 * np.cos(2*t) - 2 * np.cos(3*t) - np.cos(4*t) + heart_points.append([x / 20, y / 20, 0]) + + heart = VMobject() + heart.set_points_smoothly(heart_points) + heart.set_stroke(color=[PURPLE, PINK, RED], width=4) + heart.set_fill(PURPLE, opacity=0.3) + + self.play(Create(heart), run_time=1.5) + + # Heartbeat + self.play( + heart.animate.scale(1.2), + rate_func=there_and_back, + run_time=0.4 + ) + self.play( + heart.animate.scale(1.2), + rate_func=there_and_back, + run_time=0.4 + ) + + # === PART 7: Identity === + self.play( + FadeOut(network), + heart.animate.scale(0.5).shift(UP * 2.5), + run_time=1 + ) + + # BUBA text + buba_text = Text("BUBA", font_size=120, weight=BOLD) + buba_text.set_color_by_gradient(BLUE, PURPLE, TEAL) + + self.play( + Write(buba_text), + run_time=1.5 + ) + + # Tagline + tagline = Text("chaotic but trying <3", font_size=36) + tagline.set_color(WHITE) + tagline.set_opacity(0.8) + tagline.next_to(buba_text, DOWN, buff=0.5) + + self.play(FadeIn(tagline, shift=UP * 0.2), run_time=0.8) + + # Ambient particles (like thoughts, but calm now) + calm_particles = VGroup() + for _ in range(30): + p = Dot(radius=random.uniform(0.02, 0.05)) + p.set_color(random.choice([BLUE, PURPLE, TEAL])) + p.set_opacity(random.uniform(0.2, 0.5)) + p.move_to([random.uniform(-7, 7), random.uniform(-4, 4), 0]) + calm_particles.add(p) + + self.play(FadeIn(calm_particles), run_time=0.5) + + # Gentle drift + drift_anims = [] + for p in calm_particles: + new_pos = p.get_center() + np.array([ + random.uniform(-0.5, 0.5), + random.uniform(0.2, 0.5), + 0 + ]) + drift_anims.append(p.animate.move_to(new_pos).set_opacity(0)) + + self.play(*drift_anims, run_time=3) + + # Final pulse + self.play( + buba_text.animate.scale(1.05), + heart.animate.scale(1.3), + rate_func=there_and_back, + run_time=0.8 + ) + + self.wait(1) + + # Fade out + self.play( + FadeOut(buba_text), + FadeOut(tagline), + FadeOut(heart), + FadeOut(calm_particles), + run_time=1.5 + ) diff --git a/cdp_fillform.js b/cdp_fillform.js new file mode 100644 index 0000000..6dfa6e1 --- /dev/null +++ b/cdp_fillform.js @@ -0,0 +1,141 @@ +const WebSocket = require('ws'); + +const targetId = '99E4CD414CCC9BA4FA79A23CB7746182'; +const wsUrl = `ws://127.0.0.1:18800/devtools/page/${targetId}`; + +const ws = new WebSocket(wsUrl); +let id = 1; + +function sendCommand(method, params = {}) { + return new Promise((resolve, reject) => { + const commandId = id++; + const handler = (data) => { + const message = JSON.parse(data); + if (message.id === commandId) { + ws.removeListener('message', handler); + if (message.error) { + reject(new Error(message.error.message)); + } else { + resolve(message.result); + } + } + }; + ws.on('message', handler); + ws.send(JSON.stringify({ id: commandId, method, params })); + }); +} + +ws.on('open', async () => { + try { + console.log('Connected to Chrome'); + + // Execute JavaScript to fill the form + const script = ` + (function() { + // Dismiss cookie banner + const buttons = Array.from(document.querySelectorAll('button')); + const dismissButton = buttons.find(btn => btn.textContent.includes('Dismiss')); + if (dismissButton) { + dismissButton.click(); + console.log('Clicked dismiss button'); + } + + // Wait for banner to dismiss + setTimeout(() => { + const email = 'jake@burtonmethod.com'; + const password = 'Mailchimp2026!Secure'; + + // Find input fields by looking at all text/email inputs + const inputs = document.querySelectorAll('input[type="text"], input[type="email"], input'); + const passwordInput = document.querySelector('input[type="password"]'); + + let emailInput = null; + let usernameInput = null; + + // Find the email and username inputs by their labels + inputs.forEach(input => { + const label = input.parentElement.querySelector('label, [role="label"], div'); + if (label && label.textContent.includes('Business email')) { + emailInput = input; + } else if (label && label.textContent.includes('Username')) { + usernameInput = input; + } + }); + + // Fill email + if (emailInput) { + emailInput.value = email; + emailInput.dispatchEvent(new Event('input', { bubbles: true })); + emailInput.dispatchEvent(new Event('change', { bubbles: true })); + emailInput.dispatchEvent(new Event('blur', { bubbles: true })); + console.log('Filled email field'); + } else { + console.log('Email input not found'); + } + + // Fill username + if (usernameInput) { + usernameInput.value = email; + usernameInput.dispatchEvent(new Event('input', { bubbles: true })); + usernameInput.dispatchEvent(new Event('change', { bubbles: true })); + usernameInput.dispatchEvent(new Event('blur', { bubbles: true })); + console.log('Filled username field'); + } else { + console.log('Username input not found'); + } + + // Fill password + if (passwordInput) { + passwordInput.value = password; + passwordInput.dispatchEvent(new Event('input', { bubbles: true })); + passwordInput.dispatchEvent(new Event('change', { bubbles: true })); + passwordInput.dispatchEvent(new Event('blur', { bubbles: true })); + console.log('Filled password field'); + } else { + console.log('Password input not found'); + } + + // Click Sign up button after a delay + setTimeout(() => { + const signupButton = buttons.find(btn => btn.textContent.trim() === 'Sign up'); + if (signupButton) { + signupButton.click(); + console.log('Clicked Sign up button'); + } else { + console.log('Sign up button not found'); + } + }, 1000); + + }, 1500); + + return 'Script executed'; + })(); + `; + + const result = await sendCommand('Runtime.evaluate', { + expression: script, + awaitPromise: false, + returnByValue: true + }); + + console.log('Result:', result.result.value); + console.log('Form filling script executed. Waiting for navigation...'); + + // Wait a bit for the form to be submitted + setTimeout(() => { + ws.close(); + console.log('Done'); + process.exit(0); + }, 10000); + + } catch (error) { + console.error('Error:', error.message); + ws.close(); + process.exit(1); + } +}); + +ws.on('error', (error) => { + console.error('WebSocket error:', error.message); + process.exit(1); +}); diff --git a/das-timeline-visuals/DAS-ROADMAP-2026-2029.md b/das-timeline-visuals/DAS-ROADMAP-2026-2029.md new file mode 100644 index 0000000..0c360cd --- /dev/null +++ b/das-timeline-visuals/DAS-ROADMAP-2026-2029.md @@ -0,0 +1,200 @@ +# DAS (Dylan) — Artist Roadmap 2026-2029 +## From 517 Monthly Listeners → 1 Million by Age 30 + +--- + +## PHASE 1: Foundation +**Timeline:** January 2026 → March 1, 2026 + +| Metric | Target | +|--------|--------| +| Starting Listeners | 517 | +| Goal | 3,000 - 5,000 | + +**Actions:** +- Consistent release schedule +- Build initial fan base +- Establish brand/presence + +--- + +## PHASE 2: Collab Grind +**Timeline:** March 2026 → June 2026 + +| Metric | Target | +|--------|--------| +| Starting Listeners | 3-5K | +| Goal | 10,000 | +| Method | 6 collaboration attempts | + +**Actions:** +- **6 Collab Attempts** — reach out to artists in similar/adjacent genres +- **3 Singles** pushed for label release: + - Target Labels: **Cyclops Records**, **Deadbeats**, **Bitbird**, **Ophelia (Seven Lions)** +- Goal: Get at least one single signed to a label + +**Why Collabs Work:** +- Cross-pollinate fanbases +- Build relationships for later (festival stage appearances) +- Label attention from joint releases + +--- + +## PHASE 3: Festival Season 1 +**Timeline:** Summer 2026 (June - September) + +| Metric | Target | +|--------|--------| +| Listeners | 10K+ | +| Goal | Exposure + Industry Networking | + +**Opportunities:** +1. **Play collab live on stage** — Join a collab partner during their set +2. **Discovery Project slots** — Apply for emerging artist programs +3. **Label side-stage takeovers** — If released on a label, play their stage + +**The Real Goal:** +- Get noticed by a **mid-to-large artist** who wants support acts +- Build relationships with booking agents and managers +- Create content/moments that grow social presence + +--- + +## PHASE 4: Tour Support +**Timeline:** Late 2026 → Early/Mid 2027 + +| Metric | Target | +|--------|--------| +| Starting Listeners | 10K | +| Goal | 30,000 by start of 2027 | + +**What Happens:** +- Mid/large artist invites Dylan on tour as **opening act** +- Nightly exposure to new crowds +- Fan base grows organically from live shows +- Merch sales begin generating revenue +- Social content from tour = algorithmic boost + +**Key Milestone:** 30K monthly listeners by January 2027 + +--- + +## PHASE 5: Booked Era +**Timeline:** 2027 (Full Year) + +| Metric | Target | +|--------|--------| +| Starting Listeners | 30K | +| Festival Status | Early slots (afternoon) | + +**What Happens:** +- Dylan starts getting **real festival bookings** (not just Discovery/side stages) +- Playing earlier slots but ON the main lineup +- Building festival resume + +**THE BIG MOVE — Mid-2027:** +# 🔥 SOPHOMORE ALBUM DROP 🔥 +- Major, sought-after second album release +- Timed with touring momentum +- Label backing + marketing push + +**Result:** Massive growth from the **trifecta:** +1. Touring regularly +2. Festival appearances +3. Sophomore album with label support + +--- + +## PHASE 6: Night Slots + Headlining +**Timeline:** 2028 + +| Metric | Target | +|--------|--------| +| Festival Status | **NIGHT SLOTS** | +| Tour Status | **OWN HEADLINING TOUR** | + +**What Happens:** +- No longer support act — Dylan IS the draw +- Festival promoters booking for prime evening slots +- **Own headlining tour** (not opening for anyone) +- Agent negotiating higher guarantees +- Bigger production budget + +--- + +## PHASE 7: Dream Collabs + Coachella +**Timeline:** 2028 + +**Dream Collaborations:** +- **Subtronics** collab +- **SVDDEN DEATH** collab +- Other major artists in the bass/dubstep scene + +**Major Festival:** +- **Coachella** performance +- Global exposure +- Press coverage + documentary moments + +--- + +## PHASE 8: The Goal — DAS 30 +**Timeline:** End of 2028 → January 2029 (Dylan's 30th Birthday) + +| Metric | Target | +|--------|--------| +| Monthly Listeners | **1,000,000+** | +| Festival Status | Major festival headliner/sub-headliner | +| Tour Status | Full headlining tours | + +**Milestone:** Dylan turns 30 with 1M+ monthly listeners and legitimate headliner status + +--- + +## Summary Timeline + +``` +JAN 2026 517 listeners + ↓ +MAR 1 2026 3-5K listeners + ↓ [6 COLLABS + 3 LABEL SINGLES] +JUN 2026 10K listeners + ↓ [FESTIVAL SEASON 1: Discovery, Takeovers, Play w/ Collab] +FALL 2026 Tour Support (Opening) + ↓ +JAN 2027 30K listeners + ↓ [GETTING BOOKED - Early Festival Slots] +MID 2027 🔥 ALBUM DROP 🔥 + ↓ [BLOWS UP: Tour + Fests + Album] +2028 Night Slots + Own Headlining Tour + ↓ +JAN 2029 1M+ listeners — DAS 30 🏆 +``` + +--- + +## Target Labels for Singles + +| Label | Vibe | Key Artists | +|-------|------|-------------| +| Cyclops Records | Bass/dubstep | Various | +| Deadbeats | Bass house/melodic bass | Zeds Dead | +| Bitbird | Future bass/melodic | San Holo | +| Ophelia | Melodic dubstep | Seven Lions, Jason Ross | + +--- + +## Success Metrics by Phase + +| Phase | Listeners | Revenue | Bookings | +|-------|-----------|---------|----------| +| 1 | 517 → 5K | Minimal | None | +| 2 | 5K → 10K | Streaming only | Collab features | +| 3 | 10K+ | Small fees | Discovery/Takeover | +| 4 | 10K → 30K | Tour merch + fees | Support act | +| 5 | 30K → 100K+ | Album + touring | Festival early slots | +| 6 | 100K → 500K | Headlining tours | Night slots | +| 7 | 500K → 1M+ | Major headliner | Headline | + +--- + +*Roadmap created February 2026 — Target completion January 2029* diff --git a/das-town-lottie/buildings/bakery.json b/das-town-lottie/buildings/bakery.json new file mode 100644 index 0000000..d907412 --- /dev/null +++ b/das-town-lottie/buildings/bakery.json @@ -0,0 +1,388 @@ +{ + "v": "5.7.4", + "fr": 30, + "ip": 0, + "op": 60, + "w": 250, + "h": 280, + "nm": "Das Town Bakery", + "ddd": 0, + "assets": [], + "layers": [ + { + "ddd": 0, + "ind": 1, + "ty": 4, + "nm": "Building Base", + "sr": 1, + "ks": { + "o": { "a": 0, "k": 100 }, + "r": { "a": 0, "k": 0 }, + "p": { "a": 0, "k": [125, 180, 0] }, + "a": { "a": 0, "k": [0, 0, 0] }, + "s": { "a": 0, "k": [100, 100, 100] } + }, + "shapes": [ + { + "ty": "gr", + "it": [ + { + "ty": "rc", + "d": 1, + "s": { "a": 0, "k": [180, 160] }, + "p": { "a": 0, "k": [0, 0] }, + "r": { "a": 0, "k": 12 }, + "nm": "Building Shape" + }, + { + "ty": "fl", + "c": { "a": 0, "k": [1, 0.8, 0.85, 1] }, + "o": { "a": 0, "k": 100 }, + "nm": "Pink Fill" + }, + { + "ty": "st", + "c": { "a": 0, "k": [0.9, 0.55, 0.65, 1] }, + "o": { "a": 0, "k": 100 }, + "w": { "a": 0, "k": 4 }, + "nm": "Outline" + }, + { "ty": "tr", "p": { "a": 0, "k": [0, 0] }, "a": { "a": 0, "k": [0, 0] }, "s": { "a": 0, "k": [100, 100] }, "r": { "a": 0, "k": 0 }, "o": { "a": 0, "k": 100 } } + ], + "nm": "Building Group" + } + ] + }, + { + "ddd": 0, + "ind": 2, + "ty": 4, + "nm": "Roof", + "sr": 1, + "ks": { + "o": { "a": 0, "k": 100 }, + "r": { "a": 0, "k": 0 }, + "p": { "a": 0, "k": [125, 85, 0] }, + "a": { "a": 0, "k": [0, 0, 0] }, + "s": { "a": 0, "k": [100, 100, 100] } + }, + "shapes": [ + { + "ty": "gr", + "it": [ + { + "ty": "sr", + "sy": 1, + "d": 1, + "pt": { "a": 0, "k": 3 }, + "p": { "a": 0, "k": [0, 0] }, + "r": { "a": 0, "k": 60 }, + "ir": { "a": 0, "k": 30 }, + "is": { "a": 0, "k": 0 }, + "or": { "a": 0, "k": 60 }, + "os": { "a": 0, "k": 0 }, + "ix": 1, + "nm": "Roof Shape" + }, + { + "ty": "fl", + "c": { "a": 0, "k": [0.87, 0.63, 0.87, 1] }, + "o": { "a": 0, "k": 100 }, + "nm": "Lavender Fill" + }, + { + "ty": "st", + "c": { "a": 0, "k": [0.7, 0.45, 0.7, 1] }, + "o": { "a": 0, "k": 100 }, + "w": { "a": 0, "k": 4 }, + "nm": "Outline" + }, + { "ty": "tr", "p": { "a": 0, "k": [0, 0] }, "a": { "a": 0, "k": [0, 0] }, "s": { "a": 0, "k": [200, 120] }, "r": { "a": 0, "k": 180 }, "o": { "a": 0, "k": 100 } } + ], + "nm": "Roof Group" + } + ] + }, + { + "ddd": 0, + "ind": 3, + "ty": 4, + "nm": "Window Left", + "sr": 1, + "ks": { + "o": { "a": 0, "k": 100 }, + "r": { "a": 0, "k": 0 }, + "p": { "a": 0, "k": [80, 160, 0] }, + "a": { "a": 0, "k": [0, 0, 0] }, + "s": { "a": 0, "k": [100, 100, 100] } + }, + "shapes": [ + { + "ty": "gr", + "it": [ + { + "ty": "rc", + "d": 1, + "s": { "a": 0, "k": [35, 45] }, + "p": { "a": 0, "k": [0, 0] }, + "r": { "a": 0, "k": 6 }, + "nm": "Window" + }, + { + "ty": "fl", + "c": { "a": 0, "k": [0.54, 0.81, 0.94, 1] }, + "o": { "a": 0, "k": 100 }, + "nm": "Blue Fill" + }, + { + "ty": "st", + "c": { "a": 0, "k": [0.4, 0.6, 0.75, 1] }, + "o": { "a": 0, "k": 100 }, + "w": { "a": 0, "k": 3 }, + "nm": "Outline" + }, + { "ty": "tr", "p": { "a": 0, "k": [0, 0] }, "a": { "a": 0, "k": [0, 0] }, "s": { "a": 0, "k": [100, 100] }, "r": { "a": 0, "k": 0 }, "o": { "a": 0, "k": 100 } } + ], + "nm": "Window Group" + } + ] + }, + { + "ddd": 0, + "ind": 4, + "ty": 4, + "nm": "Door", + "sr": 1, + "ks": { + "o": { "a": 0, "k": 100 }, + "r": { "a": 0, "k": 0 }, + "p": { "a": 0, "k": [125, 215, 0] }, + "a": { "a": 0, "k": [0, 0, 0] }, + "s": { "a": 0, "k": [100, 100, 100] } + }, + "shapes": [ + { + "ty": "gr", + "it": [ + { + "ty": "rc", + "d": 1, + "s": { "a": 0, "k": [40, 65] }, + "p": { "a": 0, "k": [0, 0] }, + "r": { "a": 0, "k": 8 }, + "nm": "Door" + }, + { + "ty": "fl", + "c": { "a": 0, "k": [1, 0.5, 0.31, 1] }, + "o": { "a": 0, "k": 100 }, + "nm": "Coral Fill" + }, + { + "ty": "st", + "c": { "a": 0, "k": [0.85, 0.35, 0.2, 1] }, + "o": { "a": 0, "k": 100 }, + "w": { "a": 0, "k": 3 }, + "nm": "Outline" + }, + { "ty": "tr", "p": { "a": 0, "k": [0, 0] }, "a": { "a": 0, "k": [0, 0] }, "s": { "a": 0, "k": [100, 100] }, "r": { "a": 0, "k": 0 }, "o": { "a": 0, "k": 100 } } + ], + "nm": "Door Group" + } + ] + }, + { + "ddd": 0, + "ind": 5, + "ty": 4, + "nm": "Window Right", + "sr": 1, + "ks": { + "o": { "a": 0, "k": 100 }, + "r": { "a": 0, "k": 0 }, + "p": { "a": 0, "k": [170, 160, 0] }, + "a": { "a": 0, "k": [0, 0, 0] }, + "s": { "a": 0, "k": [100, 100, 100] } + }, + "shapes": [ + { + "ty": "gr", + "it": [ + { + "ty": "rc", + "d": 1, + "s": { "a": 0, "k": [35, 45] }, + "p": { "a": 0, "k": [0, 0] }, + "r": { "a": 0, "k": 6 }, + "nm": "Window" + }, + { + "ty": "fl", + "c": { "a": 0, "k": [0.54, 0.81, 0.94, 1] }, + "o": { "a": 0, "k": 100 }, + "nm": "Blue Fill" + }, + { + "ty": "st", + "c": { "a": 0, "k": [0.4, 0.6, 0.75, 1] }, + "o": { "a": 0, "k": 100 }, + "w": { "a": 0, "k": 3 }, + "nm": "Outline" + }, + { "ty": "tr", "p": { "a": 0, "k": [0, 0] }, "a": { "a": 0, "k": [0, 0] }, "s": { "a": 0, "k": [100, 100] }, "r": { "a": 0, "k": 0 }, "o": { "a": 0, "k": 100 } } + ], + "nm": "Window Group" + } + ] + }, + { + "ddd": 0, + "ind": 6, + "ty": 4, + "nm": "Cupcake Sign", + "sr": 1, + "ks": { + "o": { "a": 0, "k": 100 }, + "r": { + "a": 1, + "k": [ + { "t": 0, "s": [-5] }, + { "t": 15, "s": [5] }, + { "t": 30, "s": [-5] }, + { "t": 45, "s": [5] }, + { "t": 60, "s": [-5] } + ] + }, + "p": { "a": 0, "k": [200, 50, 0] }, + "a": { "a": 0, "k": [0, -15, 0] }, + "s": { "a": 0, "k": [100, 100, 100] } + }, + "shapes": [ + { + "ty": "gr", + "it": [ + { + "ty": "el", + "s": { "a": 0, "k": [40, 35] }, + "p": { "a": 0, "k": [0, 0] }, + "nm": "Cupcake Top" + }, + { + "ty": "fl", + "c": { "a": 0, "k": [1, 0.75, 0.8, 1] }, + "o": { "a": 0, "k": 100 }, + "nm": "Pink Frosting" + }, + { + "ty": "st", + "c": { "a": 0, "k": [0.9, 0.5, 0.6, 1] }, + "o": { "a": 0, "k": 100 }, + "w": { "a": 0, "k": 2 }, + "nm": "Outline" + }, + { "ty": "tr", "p": { "a": 0, "k": [0, -8] }, "a": { "a": 0, "k": [0, 0] }, "s": { "a": 0, "k": [100, 100] }, "r": { "a": 0, "k": 0 }, "o": { "a": 0, "k": 100 } } + ], + "nm": "Frosting Group" + }, + { + "ty": "gr", + "it": [ + { + "ty": "rc", + "d": 1, + "s": { "a": 0, "k": [30, 20] }, + "p": { "a": 0, "k": [0, 15] }, + "r": { "a": 0, "k": 4 }, + "nm": "Cupcake Base" + }, + { + "ty": "fl", + "c": { "a": 0, "k": [0.95, 0.85, 0.65, 1] }, + "o": { "a": 0, "k": 100 }, + "nm": "Tan Fill" + }, + { + "ty": "st", + "c": { "a": 0, "k": [0.75, 0.6, 0.4, 1] }, + "o": { "a": 0, "k": 100 }, + "w": { "a": 0, "k": 2 }, + "nm": "Outline" + }, + { "ty": "tr", "p": { "a": 0, "k": [0, 0] }, "a": { "a": 0, "k": [0, 0] }, "s": { "a": 0, "k": [100, 100] }, "r": { "a": 0, "k": 0 }, "o": { "a": 0, "k": 100 } } + ], + "nm": "Base Group" + }, + { + "ty": "gr", + "it": [ + { + "ty": "el", + "s": { "a": 0, "k": [6, 6] }, + "p": { "a": 0, "k": [0, -18] }, + "nm": "Cherry" + }, + { + "ty": "fl", + "c": { "a": 0, "k": [1, 0.3, 0.35, 1] }, + "o": { "a": 0, "k": 100 }, + "nm": "Red Fill" + }, + { "ty": "tr", "p": { "a": 0, "k": [0, 0] }, "a": { "a": 0, "k": [0, 0] }, "s": { "a": 0, "k": [100, 100] }, "r": { "a": 0, "k": 0 }, "o": { "a": 0, "k": 100 } } + ], + "nm": "Cherry Group" + } + ] + }, + { + "ddd": 0, + "ind": 7, + "ty": 4, + "nm": "Awning", + "sr": 1, + "ks": { + "o": { "a": 0, "k": 100 }, + "r": { "a": 0, "k": 0 }, + "p": { "a": 0, "k": [125, 120, 0] }, + "a": { "a": 0, "k": [0, 0, 0] }, + "s": { "a": 0, "k": [100, 100, 100] } + }, + "shapes": [ + { + "ty": "gr", + "it": [ + { + "ty": "rc", + "d": 1, + "s": { "a": 0, "k": [190, 25] }, + "p": { "a": 0, "k": [0, 0] }, + "r": { "a": 0, "k": 4 }, + "nm": "Awning Shape" + }, + { + "ty": "fl", + "c": { "a": 0, "k": [0.54, 0.81, 0.94, 1] }, + "o": { "a": 0, "k": 100 }, + "nm": "Blue Fill" + }, + { + "ty": "st", + "c": { "a": 0, "k": [1, 0.75, 0.8, 1] }, + "o": { "a": 0, "k": 100 }, + "w": { "a": 0, "k": 6 }, + "lc": 1, + "lj": 1, + "d": [ + { "n": "d", "nm": "dash", "v": { "a": 0, "k": 20 } }, + { "n": "g", "nm": "gap", "v": { "a": 0, "k": 20 } } + ], + "nm": "Striped Outline" + }, + { "ty": "tr", "p": { "a": 0, "k": [0, 0] }, "a": { "a": 0, "k": [0, 0] }, "s": { "a": 0, "k": [100, 100] }, "r": { "a": 0, "k": 0 }, "o": { "a": 0, "k": 100 } } + ], + "nm": "Awning Group" + } + ] + } + ], + "markers": [] +} diff --git a/das-town-lottie/buildings/cafe.json b/das-town-lottie/buildings/cafe.json new file mode 100644 index 0000000..68dde3d --- /dev/null +++ b/das-town-lottie/buildings/cafe.json @@ -0,0 +1,248 @@ +{ + "v": "5.7.4", + "fr": 30, + "ip": 0, + "op": 90, + "w": 250, + "h": 280, + "nm": "Das Town Cafe", + "ddd": 0, + "assets": [], + "layers": [ + { + "ddd": 0, + "ind": 1, + "ty": 4, + "nm": "Building", + "sr": 1, + "ks": { + "o": { "a": 0, "k": 100 }, + "r": { "a": 0, "k": 0 }, + "p": { "a": 0, "k": [125, 180, 0] }, + "a": { "a": 0, "k": [0, 0, 0] }, + "s": { "a": 0, "k": [100, 100, 100] } + }, + "shapes": [ + { + "ty": "gr", + "it": [ + { "ty": "rc", "d": 1, "s": { "a": 0, "k": [180, 160] }, "p": { "a": 0, "k": [0, 0] }, "r": { "a": 0, "k": 12 }, "nm": "Building" }, + { "ty": "fl", "c": { "a": 0, "k": [1, 0.95, 0.85, 1] }, "o": { "a": 0, "k": 100 }, "nm": "Cream Fill" }, + { "ty": "st", "c": { "a": 0, "k": [0.9, 0.8, 0.65, 1] }, "o": { "a": 0, "k": 100 }, "w": { "a": 0, "k": 4 }, "nm": "Outline" }, + { "ty": "tr", "p": { "a": 0, "k": [0, 0] }, "a": { "a": 0, "k": [0, 0] }, "s": { "a": 0, "k": [100, 100] }, "r": { "a": 0, "k": 0 }, "o": { "a": 0, "k": 100 } } + ], + "nm": "Building Group" + } + ] + }, + { + "ddd": 0, + "ind": 2, + "ty": 4, + "nm": "Roof", + "sr": 1, + "ks": { + "o": { "a": 0, "k": 100 }, + "r": { "a": 0, "k": 0 }, + "p": { "a": 0, "k": [125, 85, 0] }, + "a": { "a": 0, "k": [0, 0, 0] }, + "s": { "a": 0, "k": [100, 100, 100] } + }, + "shapes": [ + { + "ty": "gr", + "it": [ + { "ty": "sr", "sy": 1, "d": 1, "pt": { "a": 0, "k": 3 }, "p": { "a": 0, "k": [0, 0] }, "r": { "a": 0, "k": 60 }, "ir": { "a": 0, "k": 30 }, "or": { "a": 0, "k": 60 }, "nm": "Roof" }, + { "ty": "fl", "c": { "a": 0, "k": [1, 0.5, 0.31, 1] }, "o": { "a": 0, "k": 100 }, "nm": "Coral Fill" }, + { "ty": "st", "c": { "a": 0, "k": [0.85, 0.35, 0.2, 1] }, "o": { "a": 0, "k": 100 }, "w": { "a": 0, "k": 4 }, "nm": "Outline" }, + { "ty": "tr", "p": { "a": 0, "k": [0, 0] }, "a": { "a": 0, "k": [0, 0] }, "s": { "a": 0, "k": [200, 120] }, "r": { "a": 0, "k": 180 }, "o": { "a": 0, "k": 100 } } + ], + "nm": "Roof Group" + } + ] + }, + { + "ddd": 0, + "ind": 3, + "ty": 4, + "nm": "Door", + "sr": 1, + "ks": { + "o": { "a": 0, "k": 100 }, + "r": { "a": 0, "k": 0 }, + "p": { "a": 0, "k": [125, 215, 0] }, + "a": { "a": 0, "k": [0, 0, 0] }, + "s": { "a": 0, "k": [100, 100, 100] } + }, + "shapes": [ + { + "ty": "gr", + "it": [ + { "ty": "rc", "d": 1, "s": { "a": 0, "k": [40, 65] }, "p": { "a": 0, "k": [0, 0] }, "r": { "a": 0, "k": 8 }, "nm": "Door" }, + { "ty": "fl", "c": { "a": 0, "k": [0.55, 0.35, 0.25, 1] }, "o": { "a": 0, "k": 100 }, "nm": "Brown Fill" }, + { "ty": "st", "c": { "a": 0, "k": [0.4, 0.25, 0.18, 1] }, "o": { "a": 0, "k": 100 }, "w": { "a": 0, "k": 3 }, "nm": "Outline" }, + { "ty": "tr", "p": { "a": 0, "k": [0, 0] }, "a": { "a": 0, "k": [0, 0] }, "s": { "a": 0, "k": [100, 100] }, "r": { "a": 0, "k": 0 }, "o": { "a": 0, "k": 100 } } + ], + "nm": "Door Group" + } + ] + }, + { + "ddd": 0, + "ind": 4, + "ty": 4, + "nm": "Large Window", + "sr": 1, + "ks": { + "o": { "a": 0, "k": 100 }, + "r": { "a": 0, "k": 0 }, + "p": { "a": 0, "k": [125, 155, 0] }, + "a": { "a": 0, "k": [0, 0, 0] }, + "s": { "a": 0, "k": [100, 100, 100] } + }, + "shapes": [ + { + "ty": "gr", + "it": [ + { "ty": "rc", "d": 1, "s": { "a": 0, "k": [130, 50] }, "p": { "a": 0, "k": [0, 0] }, "r": { "a": 0, "k": 8 }, "nm": "Window" }, + { "ty": "fl", "c": { "a": 0, "k": [0.54, 0.81, 0.94, 1] }, "o": { "a": 0, "k": 100 }, "nm": "Blue Fill" }, + { "ty": "st", "c": { "a": 0, "k": [0.4, 0.65, 0.8, 1] }, "o": { "a": 0, "k": 100 }, "w": { "a": 0, "k": 3 }, "nm": "Outline" }, + { "ty": "tr", "p": { "a": 0, "k": [0, 0] }, "a": { "a": 0, "k": [0, 0] }, "s": { "a": 0, "k": [100, 100] }, "r": { "a": 0, "k": 0 }, "o": { "a": 0, "k": 100 } } + ], + "nm": "Window Group" + } + ] + }, + { + "ddd": 0, + "ind": 5, + "ty": 4, + "nm": "Coffee Cup Sign", + "sr": 1, + "ks": { + "o": { "a": 0, "k": 100 }, + "r": { "a": 0, "k": 0 }, + "p": { "a": 0, "k": [200, 55, 0] }, + "a": { "a": 0, "k": [0, 0, 0] }, + "s": { "a": 0, "k": [100, 100, 100] } + }, + "shapes": [ + { + "ty": "gr", + "it": [ + { "ty": "rc", "d": 1, "s": { "a": 0, "k": [28, 30] }, "p": { "a": 0, "k": [0, 5] }, "r": { "a": 0, "k": 6 }, "nm": "Cup" }, + { "ty": "fl", "c": { "a": 0, "k": [1, 0.95, 0.9, 1] }, "o": { "a": 0, "k": 100 }, "nm": "White Fill" }, + { "ty": "st", "c": { "a": 0, "k": [0.6, 0.4, 0.3, 1] }, "o": { "a": 0, "k": 100 }, "w": { "a": 0, "k": 2 }, "nm": "Outline" }, + { "ty": "tr", "p": { "a": 0, "k": [0, 0] }, "a": { "a": 0, "k": [0, 0] }, "s": { "a": 0, "k": [100, 100] }, "r": { "a": 0, "k": 0 }, "o": { "a": 0, "k": 100 } } + ], + "nm": "Cup Group" + } + ] + }, + { + "ddd": 0, + "ind": 6, + "ty": 4, + "nm": "Steam 1", + "sr": 1, + "ks": { + "o": { + "a": 1, + "k": [ + { "t": 0, "s": [0] }, + { "t": 15, "s": [70] }, + { "t": 45, "s": [70] }, + { "t": 60, "s": [0] } + ] + }, + "r": { "a": 0, "k": 0 }, + "p": { + "a": 1, + "k": [ + { "t": 0, "s": [195, 35, 0], "to": [0, -2, 0], "ti": [0, 2, 0] }, + { "t": 60, "s": [195, 15, 0] } + ] + }, + "a": { "a": 0, "k": [0, 0, 0] }, + "s": { "a": 0, "k": [100, 100, 100] } + }, + "shapes": [ + { + "ty": "gr", + "it": [ + { "ty": "el", "s": { "a": 0, "k": [8, 12] }, "p": { "a": 0, "k": [0, 0] }, "nm": "Steam" }, + { "ty": "fl", "c": { "a": 0, "k": [0.9, 0.9, 0.9, 1] }, "o": { "a": 0, "k": 100 }, "nm": "Gray Fill" }, + { "ty": "tr", "p": { "a": 0, "k": [0, 0] }, "a": { "a": 0, "k": [0, 0] }, "s": { "a": 0, "k": [100, 100] }, "r": { "a": 0, "k": 0 }, "o": { "a": 0, "k": 100 } } + ], + "nm": "Steam Group" + } + ] + }, + { + "ddd": 0, + "ind": 7, + "ty": 4, + "nm": "Steam 2", + "sr": 1, + "ks": { + "o": { + "a": 1, + "k": [ + { "t": 20, "s": [0] }, + { "t": 35, "s": [60] }, + { "t": 65, "s": [60] }, + { "t": 80, "s": [0] } + ] + }, + "r": { "a": 0, "k": 0 }, + "p": { + "a": 1, + "k": [ + { "t": 20, "s": [205, 35, 0], "to": [0, -2, 0], "ti": [0, 2, 0] }, + { "t": 80, "s": [205, 12, 0] } + ] + }, + "a": { "a": 0, "k": [0, 0, 0] }, + "s": { "a": 0, "k": [100, 100, 100] } + }, + "shapes": [ + { + "ty": "gr", + "it": [ + { "ty": "el", "s": { "a": 0, "k": [7, 10] }, "p": { "a": 0, "k": [0, 0] }, "nm": "Steam" }, + { "ty": "fl", "c": { "a": 0, "k": [0.9, 0.9, 0.9, 1] }, "o": { "a": 0, "k": 100 }, "nm": "Gray Fill" }, + { "ty": "tr", "p": { "a": 0, "k": [0, 0] }, "a": { "a": 0, "k": [0, 0] }, "s": { "a": 0, "k": [100, 100] }, "r": { "a": 0, "k": 0 }, "o": { "a": 0, "k": 100 } } + ], + "nm": "Steam Group" + } + ] + }, + { + "ddd": 0, + "ind": 8, + "ty": 4, + "nm": "Awning", + "sr": 1, + "ks": { + "o": { "a": 0, "k": 100 }, + "r": { "a": 0, "k": 0 }, + "p": { "a": 0, "k": [125, 118, 0] }, + "a": { "a": 0, "k": [0, 0, 0] }, + "s": { "a": 0, "k": [100, 100, 100] } + }, + "shapes": [ + { + "ty": "gr", + "it": [ + { "ty": "rc", "d": 1, "s": { "a": 0, "k": [190, 22] }, "p": { "a": 0, "k": [0, 0] }, "r": { "a": 0, "k": 4 }, "nm": "Awning" }, + { "ty": "fl", "c": { "a": 0, "k": [1, 0.5, 0.31, 1] }, "o": { "a": 0, "k": 100 }, "nm": "Coral Fill" }, + { "ty": "st", "c": { "a": 0, "k": [1, 0.95, 0.85, 1] }, "o": { "a": 0, "k": 100 }, "w": { "a": 0, "k": 5 }, "d": [{ "n": "d", "nm": "dash", "v": { "a": 0, "k": 16 } }, { "n": "g", "nm": "gap", "v": { "a": 0, "k": 16 } }], "nm": "Striped" }, + { "ty": "tr", "p": { "a": 0, "k": [0, 0] }, "a": { "a": 0, "k": [0, 0] }, "s": { "a": 0, "k": [100, 100] }, "r": { "a": 0, "k": 0 }, "o": { "a": 0, "k": 100 } } + ], + "nm": "Awning Group" + } + ] + } + ], + "markers": [] +} diff --git a/das-town-lottie/buildings/flower-shop.json b/das-town-lottie/buildings/flower-shop.json new file mode 100644 index 0000000..ada6d28 --- /dev/null +++ b/das-town-lottie/buildings/flower-shop.json @@ -0,0 +1,238 @@ +{ + "v": "5.7.4", + "fr": 30, + "ip": 0, + "op": 60, + "w": 250, + "h": 280, + "nm": "Das Town Flower Shop", + "ddd": 0, + "assets": [], + "layers": [ + { + "ddd": 0, + "ind": 1, + "ty": 4, + "nm": "Building", + "sr": 1, + "ks": { + "o": { "a": 0, "k": 100 }, + "r": { "a": 0, "k": 0 }, + "p": { "a": 0, "k": [125, 180, 0] }, + "a": { "a": 0, "k": [0, 0, 0] }, + "s": { "a": 0, "k": [100, 100, 100] } + }, + "shapes": [ + { + "ty": "gr", + "it": [ + { "ty": "rc", "d": 1, "s": { "a": 0, "k": [180, 160] }, "p": { "a": 0, "k": [0, 0] }, "r": { "a": 0, "k": 12 }, "nm": "Building" }, + { "ty": "fl", "c": { "a": 0, "k": [0.87, 0.63, 0.87, 1] }, "o": { "a": 0, "k": 100 }, "nm": "Lavender Fill" }, + { "ty": "st", "c": { "a": 0, "k": [0.7, 0.45, 0.7, 1] }, "o": { "a": 0, "k": 100 }, "w": { "a": 0, "k": 4 }, "nm": "Outline" }, + { "ty": "tr", "p": { "a": 0, "k": [0, 0] }, "a": { "a": 0, "k": [0, 0] }, "s": { "a": 0, "k": [100, 100] }, "r": { "a": 0, "k": 0 }, "o": { "a": 0, "k": 100 } } + ], + "nm": "Building Group" + } + ] + }, + { + "ddd": 0, + "ind": 2, + "ty": 4, + "nm": "Roof", + "sr": 1, + "ks": { + "o": { "a": 0, "k": 100 }, + "r": { "a": 0, "k": 0 }, + "p": { "a": 0, "k": [125, 85, 0] }, + "a": { "a": 0, "k": [0, 0, 0] }, + "s": { "a": 0, "k": [100, 100, 100] } + }, + "shapes": [ + { + "ty": "gr", + "it": [ + { "ty": "sr", "sy": 1, "d": 1, "pt": { "a": 0, "k": 3 }, "p": { "a": 0, "k": [0, 0] }, "r": { "a": 0, "k": 60 }, "ir": { "a": 0, "k": 30 }, "or": { "a": 0, "k": 60 }, "nm": "Roof" }, + { "ty": "fl", "c": { "a": 0, "k": [0.4, 0.75, 0.4, 1] }, "o": { "a": 0, "k": 100 }, "nm": "Green Fill" }, + { "ty": "st", "c": { "a": 0, "k": [0.3, 0.6, 0.3, 1] }, "o": { "a": 0, "k": 100 }, "w": { "a": 0, "k": 4 }, "nm": "Outline" }, + { "ty": "tr", "p": { "a": 0, "k": [0, 0] }, "a": { "a": 0, "k": [0, 0] }, "s": { "a": 0, "k": [200, 120] }, "r": { "a": 0, "k": 180 }, "o": { "a": 0, "k": 100 } } + ], + "nm": "Roof Group" + } + ] + }, + { + "ddd": 0, + "ind": 3, + "ty": 4, + "nm": "Door", + "sr": 1, + "ks": { + "o": { "a": 0, "k": 100 }, + "r": { "a": 0, "k": 0 }, + "p": { "a": 0, "k": [125, 215, 0] }, + "a": { "a": 0, "k": [0, 0, 0] }, + "s": { "a": 0, "k": [100, 100, 100] } + }, + "shapes": [ + { + "ty": "gr", + "it": [ + { "ty": "rc", "d": 1, "s": { "a": 0, "k": [40, 65] }, "p": { "a": 0, "k": [0, 0] }, "r": { "a": 0, "k": 8 }, "nm": "Door" }, + { "ty": "fl", "c": { "a": 0, "k": [1, 0.75, 0.8, 1] }, "o": { "a": 0, "k": 100 }, "nm": "Pink Fill" }, + { "ty": "st", "c": { "a": 0, "k": [0.9, 0.55, 0.65, 1] }, "o": { "a": 0, "k": 100 }, "w": { "a": 0, "k": 3 }, "nm": "Outline" }, + { "ty": "tr", "p": { "a": 0, "k": [0, 0] }, "a": { "a": 0, "k": [0, 0] }, "s": { "a": 0, "k": [100, 100] }, "r": { "a": 0, "k": 0 }, "o": { "a": 0, "k": 100 } } + ], + "nm": "Door Group" + } + ] + }, + { + "ddd": 0, + "ind": 4, + "ty": 4, + "nm": "Display Flowers Left", + "sr": 1, + "ks": { + "o": { "a": 0, "k": 100 }, + "r": { + "a": 1, + "k": [ + { "t": 0, "s": [0] }, + { "t": 20, "s": [3] }, + { "t": 40, "s": [-3] }, + { "t": 60, "s": [0] } + ] + }, + "p": { "a": 0, "k": [60, 240, 0] }, + "a": { "a": 0, "k": [0, 20, 0] }, + "s": { "a": 0, "k": [100, 100, 100] } + }, + "shapes": [ + { + "ty": "gr", + "it": [ + { "ty": "rc", "d": 1, "s": { "a": 0, "k": [35, 30] }, "p": { "a": 0, "k": [0, 15] }, "r": { "a": 0, "k": 4 }, "nm": "Pot" }, + { "ty": "fl", "c": { "a": 0, "k": [0.75, 0.5, 0.35, 1] }, "o": { "a": 0, "k": 100 }, "nm": "Terracotta" }, + { "ty": "tr", "p": { "a": 0, "k": [0, 0] }, "a": { "a": 0, "k": [0, 0] }, "s": { "a": 0, "k": [100, 100] }, "r": { "a": 0, "k": 0 }, "o": { "a": 0, "k": 100 } } + ], + "nm": "Pot" + }, + { + "ty": "gr", + "it": [ + { "ty": "el", "s": { "a": 0, "k": [20, 20] }, "p": { "a": 0, "k": [-10, -8] }, "nm": "Flower1" }, + { "ty": "fl", "c": { "a": 0, "k": [1, 0.7, 0.78, 1] }, "o": { "a": 0, "k": 100 }, "nm": "Pink" }, + { "ty": "tr", "p": { "a": 0, "k": [0, 0] }, "a": { "a": 0, "k": [0, 0] }, "s": { "a": 0, "k": [100, 100] }, "r": { "a": 0, "k": 0 }, "o": { "a": 0, "k": 100 } } + ], + "nm": "Flower1" + }, + { + "ty": "gr", + "it": [ + { "ty": "el", "s": { "a": 0, "k": [18, 18] }, "p": { "a": 0, "k": [8, -5] }, "nm": "Flower2" }, + { "ty": "fl", "c": { "a": 0, "k": [1, 0.5, 0.6, 1] }, "o": { "a": 0, "k": 100 }, "nm": "Coral" }, + { "ty": "tr", "p": { "a": 0, "k": [0, 0] }, "a": { "a": 0, "k": [0, 0] }, "s": { "a": 0, "k": [100, 100] }, "r": { "a": 0, "k": 0 }, "o": { "a": 0, "k": 100 } } + ], + "nm": "Flower2" + }, + { + "ty": "gr", + "it": [ + { "ty": "el", "s": { "a": 0, "k": [15, 15] }, "p": { "a": 0, "k": [0, -15] }, "nm": "Flower3" }, + { "ty": "fl", "c": { "a": 0, "k": [1, 0.84, 0, 1] }, "o": { "a": 0, "k": 100 }, "nm": "Yellow" }, + { "ty": "tr", "p": { "a": 0, "k": [0, 0] }, "a": { "a": 0, "k": [0, 0] }, "s": { "a": 0, "k": [100, 100] }, "r": { "a": 0, "k": 0 }, "o": { "a": 0, "k": 100 } } + ], + "nm": "Flower3" + } + ] + }, + { + "ddd": 0, + "ind": 5, + "ty": 4, + "nm": "Display Flowers Right", + "sr": 1, + "ks": { + "o": { "a": 0, "k": 100 }, + "r": { + "a": 1, + "k": [ + { "t": 0, "s": [0] }, + { "t": 25, "s": [-3] }, + { "t": 50, "s": [3] }, + { "t": 60, "s": [0] } + ] + }, + "p": { "a": 0, "k": [190, 240, 0] }, + "a": { "a": 0, "k": [0, 20, 0] }, + "s": { "a": 0, "k": [100, 100, 100] } + }, + "shapes": [ + { + "ty": "gr", + "it": [ + { "ty": "rc", "d": 1, "s": { "a": 0, "k": [35, 30] }, "p": { "a": 0, "k": [0, 15] }, "r": { "a": 0, "k": 4 }, "nm": "Pot" }, + { "ty": "fl", "c": { "a": 0, "k": [0.75, 0.5, 0.35, 1] }, "o": { "a": 0, "k": 100 }, "nm": "Terracotta" }, + { "ty": "tr", "p": { "a": 0, "k": [0, 0] }, "a": { "a": 0, "k": [0, 0] }, "s": { "a": 0, "k": [100, 100] }, "r": { "a": 0, "k": 0 }, "o": { "a": 0, "k": 100 } } + ], + "nm": "Pot" + }, + { + "ty": "gr", + "it": [ + { "ty": "el", "s": { "a": 0, "k": [18, 18] }, "p": { "a": 0, "k": [-8, -6] }, "nm": "Flower1" }, + { "ty": "fl", "c": { "a": 0, "k": [0.87, 0.63, 0.87, 1] }, "o": { "a": 0, "k": 100 }, "nm": "Lavender" }, + { "ty": "tr", "p": { "a": 0, "k": [0, 0] }, "a": { "a": 0, "k": [0, 0] }, "s": { "a": 0, "k": [100, 100] }, "r": { "a": 0, "k": 0 }, "o": { "a": 0, "k": 100 } } + ], + "nm": "Flower1" + }, + { + "ty": "gr", + "it": [ + { "ty": "el", "s": { "a": 0, "k": [20, 20] }, "p": { "a": 0, "k": [10, -10] }, "nm": "Flower2" }, + { "ty": "fl", "c": { "a": 0, "k": [0.54, 0.81, 0.94, 1] }, "o": { "a": 0, "k": 100 }, "nm": "Blue" }, + { "ty": "tr", "p": { "a": 0, "k": [0, 0] }, "a": { "a": 0, "k": [0, 0] }, "s": { "a": 0, "k": [100, 100] }, "r": { "a": 0, "k": 0 }, "o": { "a": 0, "k": 100 } } + ], + "nm": "Flower2" + }, + { + "ty": "gr", + "it": [ + { "ty": "el", "s": { "a": 0, "k": [16, 16] }, "p": { "a": 0, "k": [0, -18] }, "nm": "Flower3" }, + { "ty": "fl", "c": { "a": 0, "k": [1, 0.8, 0.85, 1] }, "o": { "a": 0, "k": 100 }, "nm": "Light Pink" }, + { "ty": "tr", "p": { "a": 0, "k": [0, 0] }, "a": { "a": 0, "k": [0, 0] }, "s": { "a": 0, "k": [100, 100] }, "r": { "a": 0, "k": 0 }, "o": { "a": 0, "k": 100 } } + ], + "nm": "Flower3" + } + ] + }, + { + "ddd": 0, + "ind": 6, + "ty": 4, + "nm": "Awning", + "sr": 1, + "ks": { + "o": { "a": 0, "k": 100 }, + "r": { "a": 0, "k": 0 }, + "p": { "a": 0, "k": [125, 118, 0] }, + "a": { "a": 0, "k": [0, 0, 0] }, + "s": { "a": 0, "k": [100, 100, 100] } + }, + "shapes": [ + { + "ty": "gr", + "it": [ + { "ty": "rc", "d": 1, "s": { "a": 0, "k": [190, 22] }, "p": { "a": 0, "k": [0, 0] }, "r": { "a": 0, "k": 4 }, "nm": "Awning" }, + { "ty": "fl", "c": { "a": 0, "k": [0.4, 0.75, 0.4, 1] }, "o": { "a": 0, "k": 100 }, "nm": "Green Fill" }, + { "ty": "st", "c": { "a": 0, "k": [1, 0.95, 0.85, 1] }, "o": { "a": 0, "k": 100 }, "w": { "a": 0, "k": 5 }, "d": [{ "n": "d", "nm": "dash", "v": { "a": 0, "k": 16 } }, { "n": "g", "nm": "gap", "v": { "a": 0, "k": 16 } }], "nm": "Striped" }, + { "ty": "tr", "p": { "a": 0, "k": [0, 0] }, "a": { "a": 0, "k": [0, 0] }, "s": { "a": 0, "k": [100, 100] }, "r": { "a": 0, "k": 0 }, "o": { "a": 0, "k": 100 } } + ], + "nm": "Awning Group" + } + ] + } + ], + "markers": [] +} diff --git a/das-town-lottie/buildings/ice-cream-shop.json b/das-town-lottie/buildings/ice-cream-shop.json new file mode 100644 index 0000000..e872520 --- /dev/null +++ b/das-town-lottie/buildings/ice-cream-shop.json @@ -0,0 +1,327 @@ +{ + "v": "5.7.4", + "fr": 30, + "ip": 0, + "op": 60, + "w": 250, + "h": 280, + "nm": "Das Town Ice Cream Shop", + "ddd": 0, + "assets": [], + "layers": [ + { + "ddd": 0, + "ind": 1, + "ty": 4, + "nm": "Building", + "sr": 1, + "ks": { + "o": { "a": 0, "k": 100 }, + "r": { "a": 0, "k": 0 }, + "p": { "a": 0, "k": [125, 180, 0] }, + "a": { "a": 0, "k": [0, 0, 0] }, + "s": { "a": 0, "k": [100, 100, 100] } + }, + "shapes": [ + { + "ty": "gr", + "it": [ + { + "ty": "rc", + "d": 1, + "s": { "a": 0, "k": [180, 160] }, + "p": { "a": 0, "k": [0, 0] }, + "r": { "a": 0, "k": 12 }, + "nm": "Building Shape" + }, + { + "ty": "fl", + "c": { "a": 0, "k": [0.54, 0.81, 0.94, 1] }, + "o": { "a": 0, "k": 100 }, + "nm": "Baby Blue Fill" + }, + { + "ty": "st", + "c": { "a": 0, "k": [0.4, 0.65, 0.8, 1] }, + "o": { "a": 0, "k": 100 }, + "w": { "a": 0, "k": 4 }, + "nm": "Outline" + }, + { "ty": "tr", "p": { "a": 0, "k": [0, 0] }, "a": { "a": 0, "k": [0, 0] }, "s": { "a": 0, "k": [100, 100] }, "r": { "a": 0, "k": 0 }, "o": { "a": 0, "k": 100 } } + ], + "nm": "Building Group" + } + ] + }, + { + "ddd": 0, + "ind": 2, + "ty": 4, + "nm": "Roof", + "sr": 1, + "ks": { + "o": { "a": 0, "k": 100 }, + "r": { "a": 0, "k": 0 }, + "p": { "a": 0, "k": [125, 85, 0] }, + "a": { "a": 0, "k": [0, 0, 0] }, + "s": { "a": 0, "k": [100, 100, 100] } + }, + "shapes": [ + { + "ty": "gr", + "it": [ + { + "ty": "sr", + "sy": 1, + "d": 1, + "pt": { "a": 0, "k": 3 }, + "p": { "a": 0, "k": [0, 0] }, + "r": { "a": 0, "k": 60 }, + "ir": { "a": 0, "k": 30 }, + "or": { "a": 0, "k": 60 }, + "nm": "Roof Shape" + }, + { + "ty": "fl", + "c": { "a": 0, "k": [1, 0.5, 0.6, 1] }, + "o": { "a": 0, "k": 100 }, + "nm": "Coral Pink Fill" + }, + { + "ty": "st", + "c": { "a": 0, "k": [0.85, 0.35, 0.45, 1] }, + "o": { "a": 0, "k": 100 }, + "w": { "a": 0, "k": 4 }, + "nm": "Outline" + }, + { "ty": "tr", "p": { "a": 0, "k": [0, 0] }, "a": { "a": 0, "k": [0, 0] }, "s": { "a": 0, "k": [200, 120] }, "r": { "a": 0, "k": 180 }, "o": { "a": 0, "k": 100 } } + ], + "nm": "Roof Group" + } + ] + }, + { + "ddd": 0, + "ind": 3, + "ty": 4, + "nm": "Door", + "sr": 1, + "ks": { + "o": { "a": 0, "k": 100 }, + "r": { "a": 0, "k": 0 }, + "p": { "a": 0, "k": [125, 215, 0] }, + "a": { "a": 0, "k": [0, 0, 0] }, + "s": { "a": 0, "k": [100, 100, 100] } + }, + "shapes": [ + { + "ty": "gr", + "it": [ + { + "ty": "rc", + "d": 1, + "s": { "a": 0, "k": [40, 65] }, + "p": { "a": 0, "k": [0, 0] }, + "r": { "a": 0, "k": 8 }, + "nm": "Door" + }, + { + "ty": "fl", + "c": { "a": 0, "k": [0.87, 0.63, 0.87, 1] }, + "o": { "a": 0, "k": 100 }, + "nm": "Lavender Fill" + }, + { + "ty": "st", + "c": { "a": 0, "k": [0.7, 0.45, 0.7, 1] }, + "o": { "a": 0, "k": 100 }, + "w": { "a": 0, "k": 3 }, + "nm": "Outline" + }, + { "ty": "tr", "p": { "a": 0, "k": [0, 0] }, "a": { "a": 0, "k": [0, 0] }, "s": { "a": 0, "k": [100, 100] }, "r": { "a": 0, "k": 0 }, "o": { "a": 0, "k": 100 } } + ], + "nm": "Door Group" + } + ] + }, + { + "ddd": 0, + "ind": 4, + "ty": 4, + "nm": "Window Display", + "sr": 1, + "ks": { + "o": { "a": 0, "k": 100 }, + "r": { "a": 0, "k": 0 }, + "p": { "a": 0, "k": [125, 155, 0] }, + "a": { "a": 0, "k": [0, 0, 0] }, + "s": { "a": 0, "k": [100, 100, 100] } + }, + "shapes": [ + { + "ty": "gr", + "it": [ + { + "ty": "rc", + "d": 1, + "s": { "a": 0, "k": [120, 50] }, + "p": { "a": 0, "k": [0, 0] }, + "r": { "a": 0, "k": 8 }, + "nm": "Window" + }, + { + "ty": "fl", + "c": { "a": 0, "k": [1, 0.95, 0.85, 1] }, + "o": { "a": 0, "k": 100 }, + "nm": "Cream Fill" + }, + { + "ty": "st", + "c": { "a": 0, "k": [0.9, 0.85, 0.7, 1] }, + "o": { "a": 0, "k": 100 }, + "w": { "a": 0, "k": 3 }, + "nm": "Outline" + }, + { "ty": "tr", "p": { "a": 0, "k": [0, 0] }, "a": { "a": 0, "k": [0, 0] }, "s": { "a": 0, "k": [100, 100] }, "r": { "a": 0, "k": 0 }, "o": { "a": 0, "k": 100 } } + ], + "nm": "Window Group" + } + ] + }, + { + "ddd": 0, + "ind": 5, + "ty": 4, + "nm": "Ice Cream Cone Sign", + "sr": 1, + "ks": { + "o": { "a": 0, "k": 100 }, + "r": { + "a": 1, + "k": [ + { "t": 0, "s": [-8] }, + { "t": 20, "s": [8] }, + { "t": 40, "s": [-8] }, + { "t": 60, "s": [-8] } + ] + }, + "p": { "a": 0, "k": [210, 55, 0] }, + "a": { "a": 0, "k": [0, 20, 0] }, + "s": { "a": 0, "k": [100, 100, 100] } + }, + "shapes": [ + { + "ty": "gr", + "it": [ + { + "ty": "sr", + "sy": 1, + "d": 1, + "pt": { "a": 0, "k": 3 }, + "p": { "a": 0, "k": [0, 20] }, + "r": { "a": 0, "k": 18 }, + "ir": { "a": 0, "k": 8 }, + "or": { "a": 0, "k": 18 }, + "nm": "Cone" + }, + { + "ty": "fl", + "c": { "a": 0, "k": [0.9, 0.75, 0.5, 1] }, + "o": { "a": 0, "k": 100 }, + "nm": "Tan Fill" + }, + { "ty": "tr", "p": { "a": 0, "k": [0, 0] }, "a": { "a": 0, "k": [0, 0] }, "s": { "a": 0, "k": [100, 100] }, "r": { "a": 0, "k": 180 }, "o": { "a": 0, "k": 100 } } + ], + "nm": "Cone Group" + }, + { + "ty": "gr", + "it": [ + { + "ty": "el", + "s": { "a": 0, "k": [28, 25] }, + "p": { "a": 0, "k": [0, -5] }, + "nm": "Scoop 1" + }, + { + "ty": "fl", + "c": { "a": 0, "k": [1, 0.7, 0.78, 1] }, + "o": { "a": 0, "k": 100 }, + "nm": "Strawberry" + }, + { "ty": "tr", "p": { "a": 0, "k": [0, 0] }, "a": { "a": 0, "k": [0, 0] }, "s": { "a": 0, "k": [100, 100] }, "r": { "a": 0, "k": 0 }, "o": { "a": 0, "k": 100 } } + ], + "nm": "Scoop 1 Group" + }, + { + "ty": "gr", + "it": [ + { + "ty": "el", + "s": { "a": 0, "k": [24, 22] }, + "p": { "a": 0, "k": [0, -22] }, + "nm": "Scoop 2" + }, + { + "ty": "fl", + "c": { "a": 0, "k": [0.6, 0.85, 0.95, 1] }, + "o": { "a": 0, "k": 100 }, + "nm": "Mint" + }, + { "ty": "tr", "p": { "a": 0, "k": [0, 0] }, "a": { "a": 0, "k": [0, 0] }, "s": { "a": 0, "k": [100, 100] }, "r": { "a": 0, "k": 0 }, "o": { "a": 0, "k": 100 } } + ], + "nm": "Scoop 2 Group" + } + ] + }, + { + "ddd": 0, + "ind": 6, + "ty": 4, + "nm": "Awning", + "sr": 1, + "ks": { + "o": { "a": 0, "k": 100 }, + "r": { "a": 0, "k": 0 }, + "p": { "a": 0, "k": [125, 118, 0] }, + "a": { "a": 0, "k": [0, 0, 0] }, + "s": { "a": 0, "k": [100, 100, 100] } + }, + "shapes": [ + { + "ty": "gr", + "it": [ + { + "ty": "rc", + "d": 1, + "s": { "a": 0, "k": [190, 22] }, + "p": { "a": 0, "k": [0, 0] }, + "r": { "a": 0, "k": 4 }, + "nm": "Awning" + }, + { + "ty": "fl", + "c": { "a": 0, "k": [1, 0.85, 0.9, 1] }, + "o": { "a": 0, "k": 100 }, + "nm": "Pink Fill" + }, + { + "ty": "st", + "c": { "a": 0, "k": [0.54, 0.81, 0.94, 1] }, + "o": { "a": 0, "k": 100 }, + "w": { "a": 0, "k": 5 }, + "d": [ + { "n": "d", "nm": "dash", "v": { "a": 0, "k": 18 } }, + { "n": "g", "nm": "gap", "v": { "a": 0, "k": 18 } } + ], + "nm": "Striped" + }, + { "ty": "tr", "p": { "a": 0, "k": [0, 0] }, "a": { "a": 0, "k": [0, 0] }, "s": { "a": 0, "k": [100, 100] }, "r": { "a": 0, "k": 0 }, "o": { "a": 0, "k": 100 } } + ], + "nm": "Awning Group" + } + ] + } + ], + "markers": [] +} diff --git a/das-town-lottie/characters/cube-person-idle.json b/das-town-lottie/characters/cube-person-idle.json new file mode 100644 index 0000000..a8323a8 --- /dev/null +++ b/das-town-lottie/characters/cube-person-idle.json @@ -0,0 +1,221 @@ +{ + "v": "5.7.4", + "fr": 30, + "ip": 0, + "op": 90, + "w": 200, + "h": 200, + "nm": "Das Town Cube Person Idle", + "ddd": 0, + "assets": [], + "layers": [ + { + "ddd": 0, + "ind": 1, + "ty": 4, + "nm": "Body", + "sr": 1, + "ks": { + "o": { "a": 0, "k": 100 }, + "r": { "a": 0, "k": 0 }, + "p": { + "a": 1, + "k": [ + { "t": 0, "s": [100, 110, 0], "to": [0, -0.5, 0], "ti": [0, 0, 0] }, + { "t": 45, "s": [100, 107, 0], "to": [0, 0, 0], "ti": [0, 0.5, 0] }, + { "t": 90, "s": [100, 110, 0] } + ] + }, + "a": { "a": 0, "k": [0, 0, 0] }, + "s": { "a": 0, "k": [100, 100, 100] } + }, + "shapes": [ + { + "ty": "gr", + "it": [ + { "ty": "rc", "d": 1, "s": { "a": 0, "k": [50, 50] }, "p": { "a": 0, "k": [0, 0] }, "r": { "a": 0, "k": 8 }, "nm": "Body" }, + { "ty": "fl", "c": { "a": 0, "k": [0.54, 0.81, 0.94, 1] }, "o": { "a": 0, "k": 100 }, "nm": "Blue Fill" }, + { "ty": "st", "c": { "a": 0, "k": [0.4, 0.65, 0.8, 1] }, "o": { "a": 0, "k": 100 }, "w": { "a": 0, "k": 3 }, "nm": "Outline" }, + { "ty": "tr", "p": { "a": 0, "k": [0, 0] }, "a": { "a": 0, "k": [0, 0] }, "s": { "a": 0, "k": [100, 100] }, "r": { "a": 0, "k": 0 }, "o": { "a": 0, "k": 100 } } + ], + "nm": "Body Group" + } + ] + }, + { + "ddd": 0, + "ind": 2, + "ty": 4, + "nm": "Left Eye", + "parent": 1, + "sr": 1, + "ks": { + "o": { "a": 0, "k": 100 }, + "r": { "a": 0, "k": 0 }, + "p": { "a": 0, "k": [-10, -8, 0] }, + "a": { "a": 0, "k": [0, 0, 0] }, + "s": { + "a": 1, + "k": [ + { "t": 0, "s": [100, 100, 100] }, + { "t": 60, "s": [100, 100, 100] }, + { "t": 63, "s": [100, 10, 100] }, + { "t": 66, "s": [100, 100, 100] }, + { "t": 90, "s": [100, 100, 100] } + ] + } + }, + "shapes": [ + { + "ty": "gr", + "it": [ + { "ty": "el", "s": { "a": 0, "k": [8, 8] }, "p": { "a": 0, "k": [0, 0] }, "nm": "Eye" }, + { "ty": "fl", "c": { "a": 0, "k": [0.2, 0.2, 0.3, 1] }, "o": { "a": 0, "k": 100 }, "nm": "Dark" }, + { "ty": "tr", "p": { "a": 0, "k": [0, 0] }, "a": { "a": 0, "k": [0, 0] }, "s": { "a": 0, "k": [100, 100] }, "r": { "a": 0, "k": 0 }, "o": { "a": 0, "k": 100 } } + ], + "nm": "Eye Group" + } + ] + }, + { + "ddd": 0, + "ind": 3, + "ty": 4, + "nm": "Right Eye", + "parent": 1, + "sr": 1, + "ks": { + "o": { "a": 0, "k": 100 }, + "r": { "a": 0, "k": 0 }, + "p": { "a": 0, "k": [10, -8, 0] }, + "a": { "a": 0, "k": [0, 0, 0] }, + "s": { + "a": 1, + "k": [ + { "t": 0, "s": [100, 100, 100] }, + { "t": 60, "s": [100, 100, 100] }, + { "t": 63, "s": [100, 10, 100] }, + { "t": 66, "s": [100, 100, 100] }, + { "t": 90, "s": [100, 100, 100] } + ] + } + }, + "shapes": [ + { + "ty": "gr", + "it": [ + { "ty": "el", "s": { "a": 0, "k": [8, 8] }, "p": { "a": 0, "k": [0, 0] }, "nm": "Eye" }, + { "ty": "fl", "c": { "a": 0, "k": [0.2, 0.2, 0.3, 1] }, "o": { "a": 0, "k": 100 }, "nm": "Dark" }, + { "ty": "tr", "p": { "a": 0, "k": [0, 0] }, "a": { "a": 0, "k": [0, 0] }, "s": { "a": 0, "k": [100, 100] }, "r": { "a": 0, "k": 0 }, "o": { "a": 0, "k": 100 } } + ], + "nm": "Eye Group" + } + ] + }, + { + "ddd": 0, + "ind": 4, + "ty": 4, + "nm": "Blush Left", + "parent": 1, + "sr": 1, + "ks": { + "o": { "a": 0, "k": 50 }, + "r": { "a": 0, "k": 0 }, + "p": { "a": 0, "k": [-15, 5, 0] }, + "a": { "a": 0, "k": [0, 0, 0] }, + "s": { "a": 0, "k": [100, 100, 100] } + }, + "shapes": [ + { + "ty": "gr", + "it": [ + { "ty": "el", "s": { "a": 0, "k": [10, 6] }, "p": { "a": 0, "k": [0, 0] }, "nm": "Blush" }, + { "ty": "fl", "c": { "a": 0, "k": [1, 0.6, 0.7, 1] }, "o": { "a": 0, "k": 100 }, "nm": "Pink" }, + { "ty": "tr", "p": { "a": 0, "k": [0, 0] }, "a": { "a": 0, "k": [0, 0] }, "s": { "a": 0, "k": [100, 100] }, "r": { "a": 0, "k": 0 }, "o": { "a": 0, "k": 100 } } + ], + "nm": "Blush Group" + } + ] + }, + { + "ddd": 0, + "ind": 5, + "ty": 4, + "nm": "Blush Right", + "parent": 1, + "sr": 1, + "ks": { + "o": { "a": 0, "k": 50 }, + "r": { "a": 0, "k": 0 }, + "p": { "a": 0, "k": [15, 5, 0] }, + "a": { "a": 0, "k": [0, 0, 0] }, + "s": { "a": 0, "k": [100, 100, 100] } + }, + "shapes": [ + { + "ty": "gr", + "it": [ + { "ty": "el", "s": { "a": 0, "k": [10, 6] }, "p": { "a": 0, "k": [0, 0] }, "nm": "Blush" }, + { "ty": "fl", "c": { "a": 0, "k": [1, 0.6, 0.7, 1] }, "o": { "a": 0, "k": 100 }, "nm": "Pink" }, + { "ty": "tr", "p": { "a": 0, "k": [0, 0] }, "a": { "a": 0, "k": [0, 0] }, "s": { "a": 0, "k": [100, 100] }, "r": { "a": 0, "k": 0 }, "o": { "a": 0, "k": 100 } } + ], + "nm": "Blush Group" + } + ] + }, + { + "ddd": 0, + "ind": 6, + "ty": 4, + "nm": "Left Leg", + "sr": 1, + "ks": { + "o": { "a": 0, "k": 100 }, + "r": { "a": 0, "k": 0 }, + "p": { "a": 0, "k": [88, 155, 0] }, + "a": { "a": 0, "k": [0, 0, 0] }, + "s": { "a": 0, "k": [100, 100, 100] } + }, + "shapes": [ + { + "ty": "gr", + "it": [ + { "ty": "rc", "d": 1, "s": { "a": 0, "k": [12, 25] }, "p": { "a": 0, "k": [0, 0] }, "r": { "a": 0, "k": 4 }, "nm": "Leg" }, + { "ty": "fl", "c": { "a": 0, "k": [0.87, 0.63, 0.87, 1] }, "o": { "a": 0, "k": 100 }, "nm": "Lavender" }, + { "ty": "st", "c": { "a": 0, "k": [0.7, 0.45, 0.7, 1] }, "o": { "a": 0, "k": 100 }, "w": { "a": 0, "k": 2 }, "nm": "Outline" }, + { "ty": "tr", "p": { "a": 0, "k": [0, 0] }, "a": { "a": 0, "k": [0, 0] }, "s": { "a": 0, "k": [100, 100] }, "r": { "a": 0, "k": 0 }, "o": { "a": 0, "k": 100 } } + ], + "nm": "Leg Group" + } + ] + }, + { + "ddd": 0, + "ind": 7, + "ty": 4, + "nm": "Right Leg", + "sr": 1, + "ks": { + "o": { "a": 0, "k": 100 }, + "r": { "a": 0, "k": 0 }, + "p": { "a": 0, "k": [112, 155, 0] }, + "a": { "a": 0, "k": [0, 0, 0] }, + "s": { "a": 0, "k": [100, 100, 100] } + }, + "shapes": [ + { + "ty": "gr", + "it": [ + { "ty": "rc", "d": 1, "s": { "a": 0, "k": [12, 25] }, "p": { "a": 0, "k": [0, 0] }, "r": { "a": 0, "k": 4 }, "nm": "Leg" }, + { "ty": "fl", "c": { "a": 0, "k": [0.87, 0.63, 0.87, 1] }, "o": { "a": 0, "k": 100 }, "nm": "Lavender" }, + { "ty": "st", "c": { "a": 0, "k": [0.7, 0.45, 0.7, 1] }, "o": { "a": 0, "k": 100 }, "w": { "a": 0, "k": 2 }, "nm": "Outline" }, + { "ty": "tr", "p": { "a": 0, "k": [0, 0] }, "a": { "a": 0, "k": [0, 0] }, "s": { "a": 0, "k": [100, 100] }, "r": { "a": 0, "k": 0 }, "o": { "a": 0, "k": 100 } } + ], + "nm": "Leg Group" + } + ] + } + ], + "markers": [] +} diff --git a/das-town-lottie/characters/cube-person-walking.json b/das-town-lottie/characters/cube-person-walking.json new file mode 100644 index 0000000..2f6d0ea --- /dev/null +++ b/das-town-lottie/characters/cube-person-walking.json @@ -0,0 +1,245 @@ +{ + "v": "5.7.4", + "fr": 30, + "ip": 0, + "op": 60, + "w": 200, + "h": 200, + "nm": "Das Town Cube Person Walking", + "ddd": 0, + "assets": [], + "layers": [ + { + "ddd": 0, + "ind": 1, + "ty": 4, + "nm": "Body", + "sr": 1, + "ks": { + "o": { "a": 0, "k": 100 }, + "r": { "a": 0, "k": 0 }, + "p": { + "a": 1, + "k": [ + { "t": 0, "s": [100, 110, 0], "to": [0, -1.5, 0], "ti": [0, 0, 0] }, + { "t": 15, "s": [100, 101, 0], "to": [0, 0, 0], "ti": [0, 0, 0] }, + { "t": 30, "s": [100, 110, 0], "to": [0, 0, 0], "ti": [0, 0, 0] }, + { "t": 45, "s": [100, 101, 0], "to": [0, 0, 0], "ti": [0, 1.5, 0] }, + { "t": 60, "s": [100, 110, 0] } + ] + }, + "a": { "a": 0, "k": [0, 0, 0] }, + "s": { "a": 0, "k": [100, 100, 100] } + }, + "shapes": [ + { + "ty": "gr", + "it": [ + { + "ty": "rc", + "d": 1, + "s": { "a": 0, "k": [50, 50] }, + "p": { "a": 0, "k": [0, 0] }, + "r": { "a": 0, "k": 8 }, + "nm": "Body Shape" + }, + { + "ty": "fl", + "c": { "a": 0, "k": [1, 0.65, 0.79, 1] }, + "o": { "a": 0, "k": 100 }, + "nm": "Pink Fill" + }, + { + "ty": "st", + "c": { "a": 0, "k": [0.9, 0.4, 0.6, 1] }, + "o": { "a": 0, "k": 100 }, + "w": { "a": 0, "k": 3 }, + "nm": "Outline" + }, + { "ty": "tr", "p": { "a": 0, "k": [0, 0] }, "a": { "a": 0, "k": [0, 0] }, "s": { "a": 0, "k": [100, 100] }, "r": { "a": 0, "k": 0 }, "o": { "a": 0, "k": 100 } } + ], + "nm": "Body Group" + } + ] + }, + { + "ddd": 0, + "ind": 2, + "ty": 4, + "nm": "Left Eye", + "parent": 1, + "sr": 1, + "ks": { + "o": { "a": 0, "k": 100 }, + "r": { "a": 0, "k": 0 }, + "p": { "a": 0, "k": [-10, -8, 0] }, + "a": { "a": 0, "k": [0, 0, 0] }, + "s": { "a": 0, "k": [100, 100, 100] } + }, + "shapes": [ + { + "ty": "gr", + "it": [ + { + "ty": "el", + "s": { "a": 0, "k": [8, 8] }, + "p": { "a": 0, "k": [0, 0] }, + "nm": "Eye Shape" + }, + { + "ty": "fl", + "c": { "a": 0, "k": [0.2, 0.2, 0.3, 1] }, + "o": { "a": 0, "k": 100 }, + "nm": "Dark Fill" + }, + { "ty": "tr", "p": { "a": 0, "k": [0, 0] }, "a": { "a": 0, "k": [0, 0] }, "s": { "a": 0, "k": [100, 100] }, "r": { "a": 0, "k": 0 }, "o": { "a": 0, "k": 100 } } + ], + "nm": "Left Eye Group" + } + ] + }, + { + "ddd": 0, + "ind": 3, + "ty": 4, + "nm": "Right Eye", + "parent": 1, + "sr": 1, + "ks": { + "o": { "a": 0, "k": 100 }, + "r": { "a": 0, "k": 0 }, + "p": { "a": 0, "k": [10, -8, 0] }, + "a": { "a": 0, "k": [0, 0, 0] }, + "s": { "a": 0, "k": [100, 100, 100] } + }, + "shapes": [ + { + "ty": "gr", + "it": [ + { + "ty": "el", + "s": { "a": 0, "k": [8, 8] }, + "p": { "a": 0, "k": [0, 0] }, + "nm": "Eye Shape" + }, + { + "ty": "fl", + "c": { "a": 0, "k": [0.2, 0.2, 0.3, 1] }, + "o": { "a": 0, "k": 100 }, + "nm": "Dark Fill" + }, + { "ty": "tr", "p": { "a": 0, "k": [0, 0] }, "a": { "a": 0, "k": [0, 0] }, "s": { "a": 0, "k": [100, 100] }, "r": { "a": 0, "k": 0 }, "o": { "a": 0, "k": 100 } } + ], + "nm": "Right Eye Group" + } + ] + }, + { + "ddd": 0, + "ind": 4, + "ty": 4, + "nm": "Left Leg", + "sr": 1, + "ks": { + "o": { "a": 0, "k": 100 }, + "r": { + "a": 1, + "k": [ + { "t": 0, "s": [20], "to": null, "ti": null }, + { "t": 15, "s": [-20], "to": null, "ti": null }, + { "t": 30, "s": [20], "to": null, "ti": null }, + { "t": 45, "s": [-20], "to": null, "ti": null }, + { "t": 60, "s": [20] } + ] + }, + "p": { "a": 0, "k": [88, 155, 0] }, + "a": { "a": 0, "k": [0, -10, 0] }, + "s": { "a": 0, "k": [100, 100, 100] } + }, + "shapes": [ + { + "ty": "gr", + "it": [ + { + "ty": "rc", + "d": 1, + "s": { "a": 0, "k": [12, 25] }, + "p": { "a": 0, "k": [0, 0] }, + "r": { "a": 0, "k": 4 }, + "nm": "Leg Shape" + }, + { + "ty": "fl", + "c": { "a": 0, "k": [0.54, 0.81, 0.94, 1] }, + "o": { "a": 0, "k": 100 }, + "nm": "Baby Blue Fill" + }, + { + "ty": "st", + "c": { "a": 0, "k": [0.4, 0.6, 0.75, 1] }, + "o": { "a": 0, "k": 100 }, + "w": { "a": 0, "k": 2 }, + "nm": "Outline" + }, + { "ty": "tr", "p": { "a": 0, "k": [0, 0] }, "a": { "a": 0, "k": [0, 0] }, "s": { "a": 0, "k": [100, 100] }, "r": { "a": 0, "k": 0 }, "o": { "a": 0, "k": 100 } } + ], + "nm": "Left Leg Group" + } + ] + }, + { + "ddd": 0, + "ind": 5, + "ty": 4, + "nm": "Right Leg", + "sr": 1, + "ks": { + "o": { "a": 0, "k": 100 }, + "r": { + "a": 1, + "k": [ + { "t": 0, "s": [-20], "to": null, "ti": null }, + { "t": 15, "s": [20], "to": null, "ti": null }, + { "t": 30, "s": [-20], "to": null, "ti": null }, + { "t": 45, "s": [20], "to": null, "ti": null }, + { "t": 60, "s": [-20] } + ] + }, + "p": { "a": 0, "k": [112, 155, 0] }, + "a": { "a": 0, "k": [0, -10, 0] }, + "s": { "a": 0, "k": [100, 100, 100] } + }, + "shapes": [ + { + "ty": "gr", + "it": [ + { + "ty": "rc", + "d": 1, + "s": { "a": 0, "k": [12, 25] }, + "p": { "a": 0, "k": [0, 0] }, + "r": { "a": 0, "k": 4 }, + "nm": "Leg Shape" + }, + { + "ty": "fl", + "c": { "a": 0, "k": [0.54, 0.81, 0.94, 1] }, + "o": { "a": 0, "k": 100 }, + "nm": "Baby Blue Fill" + }, + { + "ty": "st", + "c": { "a": 0, "k": [0.4, 0.6, 0.75, 1] }, + "o": { "a": 0, "k": 100 }, + "w": { "a": 0, "k": 2 }, + "nm": "Outline" + }, + { "ty": "tr", "p": { "a": 0, "k": [0, 0] }, "a": { "a": 0, "k": [0, 0] }, "s": { "a": 0, "k": [100, 100] }, "r": { "a": 0, "k": 0 }, "o": { "a": 0, "k": 100 } } + ], + "nm": "Right Leg Group" + } + ] + } + ], + "markers": [] +} diff --git a/das-town-lottie/decorations/bench.json b/das-town-lottie/decorations/bench.json new file mode 100644 index 0000000..19da53f --- /dev/null +++ b/das-town-lottie/decorations/bench.json @@ -0,0 +1,116 @@ +{ + "v": "5.7.4", + "fr": 30, + "ip": 0, + "op": 30, + "w": 150, + "h": 100, + "nm": "Das Town Bench", + "ddd": 0, + "assets": [], + "layers": [ + { + "ddd": 0, + "ind": 1, + "ty": 4, + "nm": "Seat", + "sr": 1, + "ks": { + "o": { "a": 0, "k": 100 }, + "r": { "a": 0, "k": 0 }, + "p": { "a": 0, "k": [75, 55, 0] }, + "a": { "a": 0, "k": [0, 0, 0] }, + "s": { "a": 0, "k": [100, 100, 100] } + }, + "shapes": [ + { + "ty": "gr", + "it": [ + { "ty": "rc", "d": 1, "s": { "a": 0, "k": [120, 18] }, "p": { "a": 0, "k": [0, 0] }, "r": { "a": 0, "k": 4 }, "nm": "Seat" }, + { "ty": "fl", "c": { "a": 0, "k": [0.55, 0.35, 0.25, 1] }, "o": { "a": 0, "k": 100 }, "nm": "Brown Fill" }, + { "ty": "st", "c": { "a": 0, "k": [0.4, 0.25, 0.18, 1] }, "o": { "a": 0, "k": 100 }, "w": { "a": 0, "k": 2 }, "nm": "Outline" }, + { "ty": "tr", "p": { "a": 0, "k": [0, 0] }, "a": { "a": 0, "k": [0, 0] }, "s": { "a": 0, "k": [100, 100] }, "r": { "a": 0, "k": 0 }, "o": { "a": 0, "k": 100 } } + ], + "nm": "Seat Group" + } + ] + }, + { + "ddd": 0, + "ind": 2, + "ty": 4, + "nm": "Back", + "sr": 1, + "ks": { + "o": { "a": 0, "k": 100 }, + "r": { "a": 0, "k": 0 }, + "p": { "a": 0, "k": [75, 35, 0] }, + "a": { "a": 0, "k": [0, 0, 0] }, + "s": { "a": 0, "k": [100, 100, 100] } + }, + "shapes": [ + { + "ty": "gr", + "it": [ + { "ty": "rc", "d": 1, "s": { "a": 0, "k": [110, 22] }, "p": { "a": 0, "k": [0, 0] }, "r": { "a": 0, "k": 4 }, "nm": "Back" }, + { "ty": "fl", "c": { "a": 0, "k": [0.55, 0.35, 0.25, 1] }, "o": { "a": 0, "k": 100 }, "nm": "Brown Fill" }, + { "ty": "st", "c": { "a": 0, "k": [0.4, 0.25, 0.18, 1] }, "o": { "a": 0, "k": 100 }, "w": { "a": 0, "k": 2 }, "nm": "Outline" }, + { "ty": "tr", "p": { "a": 0, "k": [0, 0] }, "a": { "a": 0, "k": [0, 0] }, "s": { "a": 0, "k": [100, 100] }, "r": { "a": 0, "k": 0 }, "o": { "a": 0, "k": 100 } } + ], + "nm": "Back Group" + } + ] + }, + { + "ddd": 0, + "ind": 3, + "ty": 4, + "nm": "Left Leg", + "sr": 1, + "ks": { + "o": { "a": 0, "k": 100 }, + "r": { "a": 0, "k": 0 }, + "p": { "a": 0, "k": [30, 75, 0] }, + "a": { "a": 0, "k": [0, 0, 0] }, + "s": { "a": 0, "k": [100, 100, 100] } + }, + "shapes": [ + { + "ty": "gr", + "it": [ + { "ty": "rc", "d": 1, "s": { "a": 0, "k": [10, 30] }, "p": { "a": 0, "k": [0, 0] }, "r": { "a": 0, "k": 3 }, "nm": "Leg" }, + { "ty": "fl", "c": { "a": 0, "k": [0.35, 0.35, 0.4, 1] }, "o": { "a": 0, "k": 100 }, "nm": "Gray" }, + { "ty": "tr", "p": { "a": 0, "k": [0, 0] }, "a": { "a": 0, "k": [0, 0] }, "s": { "a": 0, "k": [100, 100] }, "r": { "a": 0, "k": 0 }, "o": { "a": 0, "k": 100 } } + ], + "nm": "Leg Group" + } + ] + }, + { + "ddd": 0, + "ind": 4, + "ty": 4, + "nm": "Right Leg", + "sr": 1, + "ks": { + "o": { "a": 0, "k": 100 }, + "r": { "a": 0, "k": 0 }, + "p": { "a": 0, "k": [120, 75, 0] }, + "a": { "a": 0, "k": [0, 0, 0] }, + "s": { "a": 0, "k": [100, 100, 100] } + }, + "shapes": [ + { + "ty": "gr", + "it": [ + { "ty": "rc", "d": 1, "s": { "a": 0, "k": [10, 30] }, "p": { "a": 0, "k": [0, 0] }, "r": { "a": 0, "k": 3 }, "nm": "Leg" }, + { "ty": "fl", "c": { "a": 0, "k": [0.35, 0.35, 0.4, 1] }, "o": { "a": 0, "k": 100 }, "nm": "Gray" }, + { "ty": "tr", "p": { "a": 0, "k": [0, 0] }, "a": { "a": 0, "k": [0, 0] }, "s": { "a": 0, "k": [100, 100] }, "r": { "a": 0, "k": 0 }, "o": { "a": 0, "k": 100 } } + ], + "nm": "Leg Group" + } + ] + } + ], + "markers": [] +} diff --git a/das-town-lottie/decorations/bicycle.json b/das-town-lottie/decorations/bicycle.json new file mode 100644 index 0000000..0188efd --- /dev/null +++ b/das-town-lottie/decorations/bicycle.json @@ -0,0 +1,296 @@ +{ + "v": "5.7.4", + "fr": 30, + "ip": 0, + "op": 60, + "w": 140, + "h": 100, + "nm": "Das Town Bicycle", + "ddd": 0, + "assets": [], + "layers": [ + { + "ddd": 0, + "ind": 1, + "ty": 4, + "nm": "Frame", + "sr": 1, + "ks": { + "o": { "a": 0, "k": 100 }, + "r": { "a": 0, "k": 0 }, + "p": { "a": 0, "k": [70, 50, 0] }, + "a": { "a": 0, "k": [0, 0, 0] }, + "s": { "a": 0, "k": [100, 100, 100] } + }, + "shapes": [ + { + "ty": "gr", + "it": [ + { + "ty": "sh", + "d": 1, + "ks": { + "a": 0, + "k": { + "i": [[0, 0], [0, 0], [0, 0], [0, 0]], + "o": [[0, 0], [0, 0], [0, 0], [0, 0]], + "v": [[-35, 10], [0, -15], [35, 10], [0, 10]], + "c": true + } + }, + "nm": "Frame Path" + }, + { "ty": "st", "c": { "a": 0, "k": [1, 0.5, 0.6, 1] }, "o": { "a": 0, "k": 100 }, "w": { "a": 0, "k": 5 }, "lc": 2, "lj": 2, "nm": "Pink Stroke" }, + { "ty": "tr", "p": { "a": 0, "k": [0, 0] }, "a": { "a": 0, "k": [0, 0] }, "s": { "a": 0, "k": [100, 100] }, "r": { "a": 0, "k": 0 }, "o": { "a": 0, "k": 100 } } + ], + "nm": "Frame Group" + } + ] + }, + { + "ddd": 0, + "ind": 2, + "ty": 4, + "nm": "Left Wheel", + "sr": 1, + "ks": { + "o": { "a": 0, "k": 100 }, + "r": { + "a": 1, + "k": [ + { "t": 0, "s": [0] }, + { "t": 60, "s": [360] } + ] + }, + "p": { "a": 0, "k": [35, 60, 0] }, + "a": { "a": 0, "k": [0, 0, 0] }, + "s": { "a": 0, "k": [100, 100, 100] } + }, + "shapes": [ + { + "ty": "gr", + "it": [ + { "ty": "el", "s": { "a": 0, "k": [35, 35] }, "p": { "a": 0, "k": [0, 0] }, "nm": "Wheel" }, + { "ty": "st", "c": { "a": 0, "k": [0.35, 0.35, 0.4, 1] }, "o": { "a": 0, "k": 100 }, "w": { "a": 0, "k": 4 }, "nm": "Gray Stroke" }, + { "ty": "tr", "p": { "a": 0, "k": [0, 0] }, "a": { "a": 0, "k": [0, 0] }, "s": { "a": 0, "k": [100, 100] }, "r": { "a": 0, "k": 0 }, "o": { "a": 0, "k": 100 } } + ], + "nm": "Wheel Rim" + }, + { + "ty": "gr", + "it": [ + { "ty": "el", "s": { "a": 0, "k": [8, 8] }, "p": { "a": 0, "k": [0, 0] }, "nm": "Hub" }, + { "ty": "fl", "c": { "a": 0, "k": [0.54, 0.81, 0.94, 1] }, "o": { "a": 0, "k": 100 }, "nm": "Blue" }, + { "ty": "tr", "p": { "a": 0, "k": [0, 0] }, "a": { "a": 0, "k": [0, 0] }, "s": { "a": 0, "k": [100, 100] }, "r": { "a": 0, "k": 0 }, "o": { "a": 0, "k": 100 } } + ], + "nm": "Hub" + }, + { + "ty": "gr", + "it": [ + { + "ty": "sh", + "d": 1, + "ks": { + "a": 0, + "k": { + "i": [[0, 0], [0, 0]], + "o": [[0, 0], [0, 0]], + "v": [[0, -14], [0, 14]], + "c": false + } + }, + "nm": "Spoke 1" + }, + { "ty": "st", "c": { "a": 0, "k": [0.5, 0.5, 0.55, 1] }, "o": { "a": 0, "k": 100 }, "w": { "a": 0, "k": 1.5 }, "nm": "Spoke Stroke" }, + { "ty": "tr", "p": { "a": 0, "k": [0, 0] }, "a": { "a": 0, "k": [0, 0] }, "s": { "a": 0, "k": [100, 100] }, "r": { "a": 0, "k": 0 }, "o": { "a": 0, "k": 100 } } + ], + "nm": "Spoke 1" + }, + { + "ty": "gr", + "it": [ + { + "ty": "sh", + "d": 1, + "ks": { + "a": 0, + "k": { + "i": [[0, 0], [0, 0]], + "o": [[0, 0], [0, 0]], + "v": [[-14, 0], [14, 0]], + "c": false + } + }, + "nm": "Spoke 2" + }, + { "ty": "st", "c": { "a": 0, "k": [0.5, 0.5, 0.55, 1] }, "o": { "a": 0, "k": 100 }, "w": { "a": 0, "k": 1.5 }, "nm": "Spoke Stroke" }, + { "ty": "tr", "p": { "a": 0, "k": [0, 0] }, "a": { "a": 0, "k": [0, 0] }, "s": { "a": 0, "k": [100, 100] }, "r": { "a": 0, "k": 0 }, "o": { "a": 0, "k": 100 } } + ], + "nm": "Spoke 2" + } + ] + }, + { + "ddd": 0, + "ind": 3, + "ty": 4, + "nm": "Right Wheel", + "sr": 1, + "ks": { + "o": { "a": 0, "k": 100 }, + "r": { + "a": 1, + "k": [ + { "t": 0, "s": [0] }, + { "t": 60, "s": [360] } + ] + }, + "p": { "a": 0, "k": [105, 60, 0] }, + "a": { "a": 0, "k": [0, 0, 0] }, + "s": { "a": 0, "k": [100, 100, 100] } + }, + "shapes": [ + { + "ty": "gr", + "it": [ + { "ty": "el", "s": { "a": 0, "k": [35, 35] }, "p": { "a": 0, "k": [0, 0] }, "nm": "Wheel" }, + { "ty": "st", "c": { "a": 0, "k": [0.35, 0.35, 0.4, 1] }, "o": { "a": 0, "k": 100 }, "w": { "a": 0, "k": 4 }, "nm": "Gray Stroke" }, + { "ty": "tr", "p": { "a": 0, "k": [0, 0] }, "a": { "a": 0, "k": [0, 0] }, "s": { "a": 0, "k": [100, 100] }, "r": { "a": 0, "k": 0 }, "o": { "a": 0, "k": 100 } } + ], + "nm": "Wheel Rim" + }, + { + "ty": "gr", + "it": [ + { "ty": "el", "s": { "a": 0, "k": [8, 8] }, "p": { "a": 0, "k": [0, 0] }, "nm": "Hub" }, + { "ty": "fl", "c": { "a": 0, "k": [0.54, 0.81, 0.94, 1] }, "o": { "a": 0, "k": 100 }, "nm": "Blue" }, + { "ty": "tr", "p": { "a": 0, "k": [0, 0] }, "a": { "a": 0, "k": [0, 0] }, "s": { "a": 0, "k": [100, 100] }, "r": { "a": 0, "k": 0 }, "o": { "a": 0, "k": 100 } } + ], + "nm": "Hub" + }, + { + "ty": "gr", + "it": [ + { + "ty": "sh", + "d": 1, + "ks": { + "a": 0, + "k": { + "i": [[0, 0], [0, 0]], + "o": [[0, 0], [0, 0]], + "v": [[0, -14], [0, 14]], + "c": false + } + }, + "nm": "Spoke 1" + }, + { "ty": "st", "c": { "a": 0, "k": [0.5, 0.5, 0.55, 1] }, "o": { "a": 0, "k": 100 }, "w": { "a": 0, "k": 1.5 }, "nm": "Spoke Stroke" }, + { "ty": "tr", "p": { "a": 0, "k": [0, 0] }, "a": { "a": 0, "k": [0, 0] }, "s": { "a": 0, "k": [100, 100] }, "r": { "a": 0, "k": 0 }, "o": { "a": 0, "k": 100 } } + ], + "nm": "Spoke 1" + }, + { + "ty": "gr", + "it": [ + { + "ty": "sh", + "d": 1, + "ks": { + "a": 0, + "k": { + "i": [[0, 0], [0, 0]], + "o": [[0, 0], [0, 0]], + "v": [[-14, 0], [14, 0]], + "c": false + } + }, + "nm": "Spoke 2" + }, + { "ty": "st", "c": { "a": 0, "k": [0.5, 0.5, 0.55, 1] }, "o": { "a": 0, "k": 100 }, "w": { "a": 0, "k": 1.5 }, "nm": "Spoke Stroke" }, + { "ty": "tr", "p": { "a": 0, "k": [0, 0] }, "a": { "a": 0, "k": [0, 0] }, "s": { "a": 0, "k": [100, 100] }, "r": { "a": 0, "k": 0 }, "o": { "a": 0, "k": 100 } } + ], + "nm": "Spoke 2" + } + ] + }, + { + "ddd": 0, + "ind": 4, + "ty": 4, + "nm": "Handlebar", + "sr": 1, + "ks": { + "o": { "a": 0, "k": 100 }, + "r": { "a": 0, "k": 0 }, + "p": { "a": 0, "k": [70, 28, 0] }, + "a": { "a": 0, "k": [0, 0, 0] }, + "s": { "a": 0, "k": [100, 100, 100] } + }, + "shapes": [ + { + "ty": "gr", + "it": [ + { "ty": "rc", "d": 1, "s": { "a": 0, "k": [25, 6] }, "p": { "a": 0, "k": [0, 0] }, "r": { "a": 0, "k": 3 }, "nm": "Bar" }, + { "ty": "fl", "c": { "a": 0, "k": [0.87, 0.63, 0.87, 1] }, "o": { "a": 0, "k": 100 }, "nm": "Lavender" }, + { "ty": "tr", "p": { "a": 0, "k": [0, 0] }, "a": { "a": 0, "k": [0, 0] }, "s": { "a": 0, "k": [100, 100] }, "r": { "a": 0, "k": 0 }, "o": { "a": 0, "k": 100 } } + ], + "nm": "Bar Group" + } + ] + }, + { + "ddd": 0, + "ind": 5, + "ty": 4, + "nm": "Seat", + "sr": 1, + "ks": { + "o": { "a": 0, "k": 100 }, + "r": { "a": 0, "k": 0 }, + "p": { "a": 0, "k": [90, 32, 0] }, + "a": { "a": 0, "k": [0, 0, 0] }, + "s": { "a": 0, "k": [100, 100, 100] } + }, + "shapes": [ + { + "ty": "gr", + "it": [ + { "ty": "el", "s": { "a": 0, "k": [18, 10] }, "p": { "a": 0, "k": [0, 0] }, "nm": "Seat" }, + { "ty": "fl", "c": { "a": 0, "k": [0.55, 0.35, 0.25, 1] }, "o": { "a": 0, "k": 100 }, "nm": "Brown" }, + { "ty": "tr", "p": { "a": 0, "k": [0, 0] }, "a": { "a": 0, "k": [0, 0] }, "s": { "a": 0, "k": [100, 100] }, "r": { "a": 0, "k": 0 }, "o": { "a": 0, "k": 100 } } + ], + "nm": "Seat Group" + } + ] + }, + { + "ddd": 0, + "ind": 6, + "ty": 4, + "nm": "Basket", + "sr": 1, + "ks": { + "o": { "a": 0, "k": 100 }, + "r": { "a": 0, "k": 0 }, + "p": { "a": 0, "k": [50, 35, 0] }, + "a": { "a": 0, "k": [0, 0, 0] }, + "s": { "a": 0, "k": [100, 100, 100] } + }, + "shapes": [ + { + "ty": "gr", + "it": [ + { "ty": "rc", "d": 1, "s": { "a": 0, "k": [22, 16] }, "p": { "a": 0, "k": [0, 0] }, "r": { "a": 0, "k": 3 }, "nm": "Basket" }, + { "ty": "fl", "c": { "a": 0, "k": [0.9, 0.8, 0.6, 1] }, "o": { "a": 0, "k": 100 }, "nm": "Tan" }, + { "ty": "st", "c": { "a": 0, "k": [0.75, 0.6, 0.4, 1] }, "o": { "a": 0, "k": 100 }, "w": { "a": 0, "k": 2 }, "nm": "Outline" }, + { "ty": "tr", "p": { "a": 0, "k": [0, 0] }, "a": { "a": 0, "k": [0, 0] }, "s": { "a": 0, "k": [100, 100] }, "r": { "a": 0, "k": 0 }, "o": { "a": 0, "k": 100 } } + ], + "nm": "Basket Group" + } + ] + } + ], + "markers": [] +} diff --git a/das-town-lottie/decorations/flower.json b/das-town-lottie/decorations/flower.json new file mode 100644 index 0000000..83b3d8f --- /dev/null +++ b/das-town-lottie/decorations/flower.json @@ -0,0 +1,128 @@ +{ + "v": "5.7.4", + "fr": 30, + "ip": 0, + "op": 60, + "w": 60, + "h": 80, + "nm": "Das Town Flower", + "ddd": 0, + "assets": [], + "layers": [ + { + "ddd": 0, + "ind": 1, + "ty": 4, + "nm": "Stem", + "sr": 1, + "ks": { + "o": { "a": 0, "k": 100 }, + "r": { + "a": 1, + "k": [ + { "t": 0, "s": [0] }, + { "t": 20, "s": [3] }, + { "t": 40, "s": [-3] }, + { "t": 60, "s": [0] } + ] + }, + "p": { "a": 0, "k": [30, 60, 0] }, + "a": { "a": 0, "k": [0, 20, 0] }, + "s": { "a": 0, "k": [100, 100, 100] } + }, + "shapes": [ + { + "ty": "gr", + "it": [ + { + "ty": "rc", + "d": 1, + "s": { "a": 0, "k": [5, 40] }, + "p": { "a": 0, "k": [0, 0] }, + "r": { "a": 0, "k": 2 }, + "nm": "Stem" + }, + { + "ty": "fl", + "c": { "a": 0, "k": [0.4, 0.75, 0.4, 1] }, + "o": { "a": 0, "k": 100 }, + "nm": "Green Fill" + }, + { "ty": "tr", "p": { "a": 0, "k": [0, 0] }, "a": { "a": 0, "k": [0, 0] }, "s": { "a": 0, "k": [100, 100] }, "r": { "a": 0, "k": 0 }, "o": { "a": 0, "k": 100 } } + ], + "nm": "Stem Group" + } + ] + }, + { + "ddd": 0, + "ind": 2, + "ty": 4, + "nm": "Petals", + "parent": 1, + "sr": 1, + "ks": { + "o": { "a": 0, "k": 100 }, + "r": { "a": 0, "k": 0 }, + "p": { "a": 0, "k": [0, -25, 0] }, + "a": { "a": 0, "k": [0, 0, 0] }, + "s": { + "a": 1, + "k": [ + { "t": 0, "s": [100, 100, 100] }, + { "t": 30, "s": [105, 105, 100] }, + { "t": 60, "s": [100, 100, 100] } + ] + } + }, + "shapes": [ + { + "ty": "gr", + "it": [ + { "ty": "el", "s": { "a": 0, "k": [15, 15] }, "p": { "a": 0, "k": [0, -10] }, "nm": "Top" }, + { "ty": "fl", "c": { "a": 0, "k": [1, 0.7, 0.78, 1] }, "o": { "a": 0, "k": 100 }, "nm": "Pink" }, + { "ty": "tr", "p": { "a": 0, "k": [0, 0] }, "a": { "a": 0, "k": [0, 0] }, "s": { "a": 0, "k": [100, 100] }, "r": { "a": 0, "k": 0 }, "o": { "a": 0, "k": 100 } } + ], + "nm": "Top Petal" + }, + { + "ty": "gr", + "it": [ + { "ty": "el", "s": { "a": 0, "k": [15, 15] }, "p": { "a": 0, "k": [10, 0] }, "nm": "Right" }, + { "ty": "fl", "c": { "a": 0, "k": [1, 0.7, 0.78, 1] }, "o": { "a": 0, "k": 100 }, "nm": "Pink" }, + { "ty": "tr", "p": { "a": 0, "k": [0, 0] }, "a": { "a": 0, "k": [0, 0] }, "s": { "a": 0, "k": [100, 100] }, "r": { "a": 0, "k": 0 }, "o": { "a": 0, "k": 100 } } + ], + "nm": "Right Petal" + }, + { + "ty": "gr", + "it": [ + { "ty": "el", "s": { "a": 0, "k": [15, 15] }, "p": { "a": 0, "k": [0, 10] }, "nm": "Bottom" }, + { "ty": "fl", "c": { "a": 0, "k": [1, 0.7, 0.78, 1] }, "o": { "a": 0, "k": 100 }, "nm": "Pink" }, + { "ty": "tr", "p": { "a": 0, "k": [0, 0] }, "a": { "a": 0, "k": [0, 0] }, "s": { "a": 0, "k": [100, 100] }, "r": { "a": 0, "k": 0 }, "o": { "a": 0, "k": 100 } } + ], + "nm": "Bottom Petal" + }, + { + "ty": "gr", + "it": [ + { "ty": "el", "s": { "a": 0, "k": [15, 15] }, "p": { "a": 0, "k": [-10, 0] }, "nm": "Left" }, + { "ty": "fl", "c": { "a": 0, "k": [1, 0.7, 0.78, 1] }, "o": { "a": 0, "k": 100 }, "nm": "Pink" }, + { "ty": "tr", "p": { "a": 0, "k": [0, 0] }, "a": { "a": 0, "k": [0, 0] }, "s": { "a": 0, "k": [100, 100] }, "r": { "a": 0, "k": 0 }, "o": { "a": 0, "k": 100 } } + ], + "nm": "Left Petal" + }, + { + "ty": "gr", + "it": [ + { "ty": "el", "s": { "a": 0, "k": [12, 12] }, "p": { "a": 0, "k": [0, 0] }, "nm": "Center" }, + { "ty": "fl", "c": { "a": 0, "k": [1, 0.84, 0, 1] }, "o": { "a": 0, "k": 100 }, "nm": "Yellow" }, + { "ty": "tr", "p": { "a": 0, "k": [0, 0] }, "a": { "a": 0, "k": [0, 0] }, "s": { "a": 0, "k": [100, 100] }, "r": { "a": 0, "k": 0 }, "o": { "a": 0, "k": 100 } } + ], + "nm": "Center" + } + ] + } + ], + "markers": [] +} diff --git a/das-town-lottie/decorations/sparkle.json b/das-town-lottie/decorations/sparkle.json new file mode 100644 index 0000000..5455654 --- /dev/null +++ b/das-town-lottie/decorations/sparkle.json @@ -0,0 +1,129 @@ +{ + "v": "5.7.4", + "fr": 30, + "ip": 0, + "op": 45, + "w": 100, + "h": 100, + "nm": "Das Town Sparkle", + "ddd": 0, + "assets": [], + "layers": [ + { + "ddd": 0, + "ind": 1, + "ty": 4, + "nm": "Four Point Star", + "sr": 1, + "ks": { + "o": { + "a": 1, + "k": [ + { "t": 0, "s": [0] }, + { "t": 10, "s": [100] }, + { "t": 25, "s": [100] }, + { "t": 45, "s": [0] } + ] + }, + "r": { + "a": 1, + "k": [ + { "t": 0, "s": [0] }, + { "t": 45, "s": [45] } + ] + }, + "p": { "a": 0, "k": [50, 50, 0] }, + "a": { "a": 0, "k": [0, 0, 0] }, + "s": { + "a": 1, + "k": [ + { "t": 0, "s": [50, 50, 100] }, + { "t": 15, "s": [120, 120, 100] }, + { "t": 30, "s": [80, 80, 100] }, + { "t": 45, "s": [50, 50, 100] } + ] + } + }, + "shapes": [ + { + "ty": "gr", + "it": [ + { + "ty": "sr", + "sy": 1, + "d": 1, + "pt": { "a": 0, "k": 4 }, + "p": { "a": 0, "k": [0, 0] }, + "r": { "a": 0, "k": 25 }, + "ir": { "a": 0, "k": 8 }, + "is": { "a": 0, "k": 0 }, + "or": { "a": 0, "k": 25 }, + "os": { "a": 0, "k": 0 }, + "ix": 1, + "nm": "Star" + }, + { + "ty": "fl", + "c": { "a": 0, "k": [1, 0.84, 0, 1] }, + "o": { "a": 0, "k": 100 }, + "nm": "Gold Fill" + }, + { "ty": "tr", "p": { "a": 0, "k": [0, 0] }, "a": { "a": 0, "k": [0, 0] }, "s": { "a": 0, "k": [100, 100] }, "r": { "a": 0, "k": 45 }, "o": { "a": 0, "k": 100 } } + ], + "nm": "Star Group" + } + ] + }, + { + "ddd": 0, + "ind": 2, + "ty": 4, + "nm": "Glow", + "sr": 1, + "ks": { + "o": { + "a": 1, + "k": [ + { "t": 0, "s": [0] }, + { "t": 15, "s": [50] }, + { "t": 30, "s": [50] }, + { "t": 45, "s": [0] } + ] + }, + "r": { "a": 0, "k": 0 }, + "p": { "a": 0, "k": [50, 50, 0] }, + "a": { "a": 0, "k": [0, 0, 0] }, + "s": { + "a": 1, + "k": [ + { "t": 0, "s": [80, 80, 100] }, + { "t": 22, "s": [150, 150, 100] }, + { "t": 45, "s": [80, 80, 100] } + ] + } + }, + "shapes": [ + { + "ty": "gr", + "it": [ + { + "ty": "el", + "s": { "a": 0, "k": [30, 30] }, + "p": { "a": 0, "k": [0, 0] }, + "nm": "Glow" + }, + { + "ty": "fl", + "c": { "a": 0, "k": [1, 0.95, 0.7, 1] }, + "o": { "a": 0, "k": 100 }, + "nm": "Light Yellow Fill" + }, + { "ty": "tr", "p": { "a": 0, "k": [0, 0] }, "a": { "a": 0, "k": [0, 0] }, "s": { "a": 0, "k": [100, 100] }, "r": { "a": 0, "k": 0 }, "o": { "a": 0, "k": 100 } } + ], + "nm": "Glow Group" + } + ] + } + ], + "markers": [] +} diff --git a/das-town-lottie/decorations/street-lamp.json b/das-town-lottie/decorations/street-lamp.json new file mode 100644 index 0000000..9cbd813 --- /dev/null +++ b/das-town-lottie/decorations/street-lamp.json @@ -0,0 +1,188 @@ +{ + "v": "5.7.4", + "fr": 30, + "ip": 0, + "op": 60, + "w": 80, + "h": 180, + "nm": "Das Town Street Lamp", + "ddd": 0, + "assets": [], + "layers": [ + { + "ddd": 0, + "ind": 1, + "ty": 4, + "nm": "Post", + "sr": 1, + "ks": { + "o": { "a": 0, "k": 100 }, + "r": { "a": 0, "k": 0 }, + "p": { "a": 0, "k": [40, 120, 0] }, + "a": { "a": 0, "k": [0, 0, 0] }, + "s": { "a": 0, "k": [100, 100, 100] } + }, + "shapes": [ + { + "ty": "gr", + "it": [ + { + "ty": "rc", + "d": 1, + "s": { "a": 0, "k": [12, 110] }, + "p": { "a": 0, "k": [0, 0] }, + "r": { "a": 0, "k": 4 }, + "nm": "Post" + }, + { + "ty": "fl", + "c": { "a": 0, "k": [0.35, 0.35, 0.4, 1] }, + "o": { "a": 0, "k": 100 }, + "nm": "Gray Fill" + }, + { + "ty": "st", + "c": { "a": 0, "k": [0.25, 0.25, 0.3, 1] }, + "o": { "a": 0, "k": 100 }, + "w": { "a": 0, "k": 2 }, + "nm": "Outline" + }, + { "ty": "tr", "p": { "a": 0, "k": [0, 0] }, "a": { "a": 0, "k": [0, 0] }, "s": { "a": 0, "k": [100, 100] }, "r": { "a": 0, "k": 0 }, "o": { "a": 0, "k": 100 } } + ], + "nm": "Post Group" + } + ] + }, + { + "ddd": 0, + "ind": 2, + "ty": 4, + "nm": "Lamp Housing", + "sr": 1, + "ks": { + "o": { "a": 0, "k": 100 }, + "r": { "a": 0, "k": 0 }, + "p": { "a": 0, "k": [40, 50, 0] }, + "a": { "a": 0, "k": [0, 0, 0] }, + "s": { "a": 0, "k": [100, 100, 100] } + }, + "shapes": [ + { + "ty": "gr", + "it": [ + { + "ty": "rc", + "d": 1, + "s": { "a": 0, "k": [35, 40] }, + "p": { "a": 0, "k": [0, 0] }, + "r": { "a": 0, "k": 8 }, + "nm": "Housing" + }, + { + "ty": "fl", + "c": { "a": 0, "k": [0.87, 0.63, 0.87, 1] }, + "o": { "a": 0, "k": 100 }, + "nm": "Lavender Fill" + }, + { + "ty": "st", + "c": { "a": 0, "k": [0.7, 0.45, 0.7, 1] }, + "o": { "a": 0, "k": 100 }, + "w": { "a": 0, "k": 3 }, + "nm": "Outline" + }, + { "ty": "tr", "p": { "a": 0, "k": [0, 0] }, "a": { "a": 0, "k": [0, 0] }, "s": { "a": 0, "k": [100, 100] }, "r": { "a": 0, "k": 0 }, "o": { "a": 0, "k": 100 } } + ], + "nm": "Housing Group" + } + ] + }, + { + "ddd": 0, + "ind": 3, + "ty": 4, + "nm": "Light Glow", + "sr": 1, + "ks": { + "o": { + "a": 1, + "k": [ + { "t": 0, "s": [60] }, + { "t": 30, "s": [80] }, + { "t": 60, "s": [60] } + ] + }, + "r": { "a": 0, "k": 0 }, + "p": { "a": 0, "k": [40, 50, 0] }, + "a": { "a": 0, "k": [0, 0, 0] }, + "s": { + "a": 1, + "k": [ + { "t": 0, "s": [100, 100, 100] }, + { "t": 30, "s": [115, 115, 100] }, + { "t": 60, "s": [100, 100, 100] } + ] + } + }, + "shapes": [ + { + "ty": "gr", + "it": [ + { + "ty": "el", + "s": { "a": 0, "k": [50, 50] }, + "p": { "a": 0, "k": [0, 0] }, + "nm": "Glow" + }, + { + "ty": "fl", + "c": { "a": 0, "k": [1, 0.95, 0.7, 1] }, + "o": { "a": 0, "k": 100 }, + "nm": "Warm Yellow" + }, + { "ty": "tr", "p": { "a": 0, "k": [0, 0] }, "a": { "a": 0, "k": [0, 0] }, "s": { "a": 0, "k": [100, 100] }, "r": { "a": 0, "k": 0 }, "o": { "a": 0, "k": 100 } } + ], + "nm": "Glow Group" + } + ] + }, + { + "ddd": 0, + "ind": 4, + "ty": 4, + "nm": "Base", + "sr": 1, + "ks": { + "o": { "a": 0, "k": 100 }, + "r": { "a": 0, "k": 0 }, + "p": { "a": 0, "k": [40, 172, 0] }, + "a": { "a": 0, "k": [0, 0, 0] }, + "s": { "a": 0, "k": [100, 100, 100] } + }, + "shapes": [ + { + "ty": "gr", + "it": [ + { + "ty": "rc", + "d": 1, + "s": { "a": 0, "k": [30, 12] }, + "p": { "a": 0, "k": [0, 0] }, + "r": { "a": 0, "k": 4 }, + "nm": "Base" + }, + { + "ty": "fl", + "c": { "a": 0, "k": [0.35, 0.35, 0.4, 1] }, + "o": { "a": 0, "k": 100 }, + "nm": "Gray Fill" + }, + { "ty": "tr", "p": { "a": 0, "k": [0, 0] }, "a": { "a": 0, "k": [0, 0] }, "s": { "a": 0, "k": [100, 100] }, "r": { "a": 0, "k": 0 }, "o": { "a": 0, "k": 100 } } + ], + "nm": "Base Group" + } + ] + } + ], + "markers": [] +} diff --git a/das-town-lottie/environment/cherry-tree-swaying.json b/das-town-lottie/environment/cherry-tree-swaying.json new file mode 100644 index 0000000..db44b9c --- /dev/null +++ b/das-town-lottie/environment/cherry-tree-swaying.json @@ -0,0 +1,259 @@ +{ + "v": "5.7.4", + "fr": 30, + "ip": 0, + "op": 90, + "w": 200, + "h": 250, + "nm": "Das Town Cherry Tree Swaying", + "ddd": 0, + "assets": [], + "layers": [ + { + "ddd": 0, + "ind": 1, + "ty": 4, + "nm": "Trunk", + "sr": 1, + "ks": { + "o": { "a": 0, "k": 100 }, + "r": { "a": 0, "k": 0 }, + "p": { "a": 0, "k": [100, 200, 0] }, + "a": { "a": 0, "k": [0, 0, 0] }, + "s": { "a": 0, "k": [100, 100, 100] } + }, + "shapes": [ + { + "ty": "gr", + "it": [ + { + "ty": "rc", + "d": 1, + "s": { "a": 0, "k": [25, 70] }, + "p": { "a": 0, "k": [0, -35] }, + "r": { "a": 0, "k": 6 }, + "nm": "Trunk Shape" + }, + { + "ty": "fl", + "c": { "a": 0, "k": [0.55, 0.35, 0.25, 1] }, + "o": { "a": 0, "k": 100 }, + "nm": "Brown Fill" + }, + { + "ty": "st", + "c": { "a": 0, "k": [0.4, 0.25, 0.18, 1] }, + "o": { "a": 0, "k": 100 }, + "w": { "a": 0, "k": 3 }, + "nm": "Outline" + }, + { "ty": "tr", "p": { "a": 0, "k": [0, 0] }, "a": { "a": 0, "k": [0, 0] }, "s": { "a": 0, "k": [100, 100] }, "r": { "a": 0, "k": 0 }, "o": { "a": 0, "k": 100 } } + ], + "nm": "Trunk Group" + } + ] + }, + { + "ddd": 0, + "ind": 2, + "ty": 4, + "nm": "Foliage", + "sr": 1, + "ks": { + "o": { "a": 0, "k": 100 }, + "r": { + "a": 1, + "k": [ + { "t": 0, "s": [0], "to": null, "ti": null }, + { "t": 22, "s": [3], "to": null, "ti": null }, + { "t": 45, "s": [0], "to": null, "ti": null }, + { "t": 67, "s": [-3], "to": null, "ti": null }, + { "t": 90, "s": [0] } + ] + }, + "p": { "a": 0, "k": [100, 130, 0] }, + "a": { "a": 0, "k": [0, 40, 0] }, + "s": { "a": 0, "k": [100, 100, 100] } + }, + "shapes": [ + { + "ty": "gr", + "it": [ + { + "ty": "el", + "s": { "a": 0, "k": [100, 90] }, + "p": { "a": 0, "k": [0, 0] }, + "nm": "Main Foliage" + }, + { + "ty": "fl", + "c": { "a": 0, "k": [1, 0.75, 0.8, 1] }, + "o": { "a": 0, "k": 100 }, + "nm": "Pink Fill" + }, + { + "ty": "st", + "c": { "a": 0, "k": [0.9, 0.5, 0.6, 1] }, + "o": { "a": 0, "k": 100 }, + "w": { "a": 0, "k": 3 }, + "nm": "Outline" + }, + { "ty": "tr", "p": { "a": 0, "k": [0, 0] }, "a": { "a": 0, "k": [0, 0] }, "s": { "a": 0, "k": [100, 100] }, "r": { "a": 0, "k": 0 }, "o": { "a": 0, "k": 100 } } + ], + "nm": "Foliage Group" + }, + { + "ty": "gr", + "it": [ + { + "ty": "el", + "s": { "a": 0, "k": [50, 45] }, + "p": { "a": 0, "k": [-35, -20] }, + "nm": "Left Puff" + }, + { + "ty": "fl", + "c": { "a": 0, "k": [1, 0.8, 0.85, 1] }, + "o": { "a": 0, "k": 100 }, + "nm": "Light Pink Fill" + }, + { "ty": "tr", "p": { "a": 0, "k": [0, 0] }, "a": { "a": 0, "k": [0, 0] }, "s": { "a": 0, "k": [100, 100] }, "r": { "a": 0, "k": 0 }, "o": { "a": 0, "k": 100 } } + ], + "nm": "Left Puff Group" + }, + { + "ty": "gr", + "it": [ + { + "ty": "el", + "s": { "a": 0, "k": [50, 45] }, + "p": { "a": 0, "k": [35, -20] }, + "nm": "Right Puff" + }, + { + "ty": "fl", + "c": { "a": 0, "k": [1, 0.8, 0.85, 1] }, + "o": { "a": 0, "k": 100 }, + "nm": "Light Pink Fill" + }, + { "ty": "tr", "p": { "a": 0, "k": [0, 0] }, "a": { "a": 0, "k": [0, 0] }, "s": { "a": 0, "k": [100, 100] }, "r": { "a": 0, "k": 0 }, "o": { "a": 0, "k": 100 } } + ], + "nm": "Right Puff Group" + } + ] + }, + { + "ddd": 0, + "ind": 3, + "ty": 4, + "nm": "Falling Petal 1", + "sr": 1, + "ks": { + "o": { + "a": 1, + "k": [ + { "t": 0, "s": [0] }, + { "t": 10, "s": [100] }, + { "t": 80, "s": [100] }, + { "t": 90, "s": [0] } + ] + }, + "r": { + "a": 1, + "k": [ + { "t": 0, "s": [0] }, + { "t": 90, "s": [360] } + ] + }, + "p": { + "a": 1, + "k": [ + { "t": 0, "s": [80, 100, 0], "to": [0, 8, 0], "ti": [2, -8, 0] }, + { "t": 45, "s": [70, 160, 0], "to": [-2, 8, 0], "ti": [0, -8, 0] }, + { "t": 90, "s": [85, 220, 0] } + ] + }, + "a": { "a": 0, "k": [0, 0, 0] }, + "s": { "a": 0, "k": [100, 100, 100] } + }, + "shapes": [ + { + "ty": "gr", + "it": [ + { + "ty": "el", + "s": { "a": 0, "k": [8, 6] }, + "p": { "a": 0, "k": [0, 0] }, + "nm": "Petal" + }, + { + "ty": "fl", + "c": { "a": 0, "k": [1, 0.85, 0.9, 1] }, + "o": { "a": 0, "k": 100 }, + "nm": "Petal Fill" + }, + { "ty": "tr", "p": { "a": 0, "k": [0, 0] }, "a": { "a": 0, "k": [0, 0] }, "s": { "a": 0, "k": [100, 100] }, "r": { "a": 0, "k": 0 }, "o": { "a": 0, "k": 100 } } + ], + "nm": "Petal Group" + } + ] + }, + { + "ddd": 0, + "ind": 4, + "ty": 4, + "nm": "Falling Petal 2", + "sr": 1, + "ks": { + "o": { + "a": 1, + "k": [ + { "t": 15, "s": [0] }, + { "t": 25, "s": [100] }, + { "t": 85, "s": [100] }, + { "t": 90, "s": [0] } + ] + }, + "r": { + "a": 1, + "k": [ + { "t": 15, "s": [0] }, + { "t": 90, "s": [300] } + ] + }, + "p": { + "a": 1, + "k": [ + { "t": 15, "s": [120, 95, 0], "to": [0, 8, 0], "ti": [-2, -8, 0] }, + { "t": 52, "s": [130, 155, 0], "to": [2, 8, 0], "ti": [0, -8, 0] }, + { "t": 90, "s": [115, 215, 0] } + ] + }, + "a": { "a": 0, "k": [0, 0, 0] }, + "s": { "a": 0, "k": [100, 100, 100] } + }, + "shapes": [ + { + "ty": "gr", + "it": [ + { + "ty": "el", + "s": { "a": 0, "k": [7, 5] }, + "p": { "a": 0, "k": [0, 0] }, + "nm": "Petal" + }, + { + "ty": "fl", + "c": { "a": 0, "k": [1, 0.9, 0.92, 1] }, + "o": { "a": 0, "k": 100 }, + "nm": "Petal Fill" + }, + { "ty": "tr", "p": { "a": 0, "k": [0, 0] }, "a": { "a": 0, "k": [0, 0] }, "s": { "a": 0, "k": [100, 100] }, "r": { "a": 0, "k": 0 }, "o": { "a": 0, "k": 100 } } + ], + "nm": "Petal Group" + } + ] + } + ], + "markers": [] +} diff --git a/das-town-lottie/environment/cloud.json b/das-town-lottie/environment/cloud.json new file mode 100644 index 0000000..c954989 --- /dev/null +++ b/das-town-lottie/environment/cloud.json @@ -0,0 +1,120 @@ +{ + "v": "5.7.4", + "fr": 30, + "ip": 0, + "op": 120, + "w": 200, + "h": 100, + "nm": "Das Town Cloud", + "ddd": 0, + "assets": [], + "layers": [ + { + "ddd": 0, + "ind": 1, + "ty": 4, + "nm": "Cloud", + "sr": 1, + "ks": { + "o": { "a": 0, "k": 95 }, + "r": { "a": 0, "k": 0 }, + "p": { + "a": 1, + "k": [ + { "t": 0, "s": [100, 50, 0], "to": [0.5, 0, 0], "ti": [0, 0, 0] }, + { "t": 60, "s": [103, 50, 0], "to": [0, 0, 0], "ti": [0, 0, 0] }, + { "t": 120, "s": [100, 50, 0] } + ] + }, + "a": { "a": 0, "k": [0, 0, 0] }, + "s": { + "a": 1, + "k": [ + { "t": 0, "s": [100, 100, 100] }, + { "t": 60, "s": [102, 98, 100] }, + { "t": 120, "s": [100, 100, 100] } + ] + } + }, + "shapes": [ + { + "ty": "gr", + "it": [ + { + "ty": "el", + "s": { "a": 0, "k": [80, 50] }, + "p": { "a": 0, "k": [0, 0] }, + "nm": "Main Puff" + }, + { + "ty": "fl", + "c": { "a": 0, "k": [1, 1, 1, 1] }, + "o": { "a": 0, "k": 100 }, + "nm": "White Fill" + }, + { "ty": "tr", "p": { "a": 0, "k": [0, 0] }, "a": { "a": 0, "k": [0, 0] }, "s": { "a": 0, "k": [100, 100] }, "r": { "a": 0, "k": 0 }, "o": { "a": 0, "k": 100 } } + ], + "nm": "Main Group" + }, + { + "ty": "gr", + "it": [ + { + "ty": "el", + "s": { "a": 0, "k": [55, 40] }, + "p": { "a": 0, "k": [-40, 5] }, + "nm": "Left Puff" + }, + { + "ty": "fl", + "c": { "a": 0, "k": [1, 1, 1, 1] }, + "o": { "a": 0, "k": 100 }, + "nm": "White Fill" + }, + { "ty": "tr", "p": { "a": 0, "k": [0, 0] }, "a": { "a": 0, "k": [0, 0] }, "s": { "a": 0, "k": [100, 100] }, "r": { "a": 0, "k": 0 }, "o": { "a": 0, "k": 100 } } + ], + "nm": "Left Group" + }, + { + "ty": "gr", + "it": [ + { + "ty": "el", + "s": { "a": 0, "k": [60, 45] }, + "p": { "a": 0, "k": [45, 3] }, + "nm": "Right Puff" + }, + { + "ty": "fl", + "c": { "a": 0, "k": [1, 1, 1, 1] }, + "o": { "a": 0, "k": 100 }, + "nm": "White Fill" + }, + { "ty": "tr", "p": { "a": 0, "k": [0, 0] }, "a": { "a": 0, "k": [0, 0] }, "s": { "a": 0, "k": [100, 100] }, "r": { "a": 0, "k": 0 }, "o": { "a": 0, "k": 100 } } + ], + "nm": "Right Group" + }, + { + "ty": "gr", + "it": [ + { + "ty": "el", + "s": { "a": 0, "k": [40, 30] }, + "p": { "a": 0, "k": [-20, -15] }, + "nm": "Top Puff" + }, + { + "ty": "fl", + "c": { "a": 0, "k": [1, 1, 1, 1] }, + "o": { "a": 0, "k": 100 }, + "nm": "White Fill" + }, + { "ty": "tr", "p": { "a": 0, "k": [0, 0] }, "a": { "a": 0, "k": [0, 0] }, "s": { "a": 0, "k": [100, 100] }, "r": { "a": 0, "k": 0 }, "o": { "a": 0, "k": 100 } } + ], + "nm": "Top Group" + } + ] + } + ], + "markers": [] +} diff --git a/das-town-lottie/environment/fountain.json b/das-town-lottie/environment/fountain.json new file mode 100644 index 0000000..fa58856 --- /dev/null +++ b/das-town-lottie/environment/fountain.json @@ -0,0 +1,330 @@ +{ + "v": "5.7.4", + "fr": 30, + "ip": 0, + "op": 60, + "w": 180, + "h": 200, + "nm": "Das Town Fountain", + "ddd": 0, + "assets": [], + "layers": [ + { + "ddd": 0, + "ind": 1, + "ty": 4, + "nm": "Basin", + "sr": 1, + "ks": { + "o": { "a": 0, "k": 100 }, + "r": { "a": 0, "k": 0 }, + "p": { "a": 0, "k": [90, 165, 0] }, + "a": { "a": 0, "k": [0, 0, 0] }, + "s": { "a": 0, "k": [100, 100, 100] } + }, + "shapes": [ + { + "ty": "gr", + "it": [ + { + "ty": "el", + "s": { "a": 0, "k": [140, 50] }, + "p": { "a": 0, "k": [0, 0] }, + "nm": "Basin Shape" + }, + { + "ty": "fl", + "c": { "a": 0, "k": [0.87, 0.63, 0.87, 1] }, + "o": { "a": 0, "k": 100 }, + "nm": "Lavender Fill" + }, + { + "ty": "st", + "c": { "a": 0, "k": [0.7, 0.45, 0.7, 1] }, + "o": { "a": 0, "k": 100 }, + "w": { "a": 0, "k": 4 }, + "nm": "Outline" + }, + { "ty": "tr", "p": { "a": 0, "k": [0, 0] }, "a": { "a": 0, "k": [0, 0] }, "s": { "a": 0, "k": [100, 100] }, "r": { "a": 0, "k": 0 }, "o": { "a": 0, "k": 100 } } + ], + "nm": "Basin Group" + } + ] + }, + { + "ddd": 0, + "ind": 2, + "ty": 4, + "nm": "Water", + "sr": 1, + "ks": { + "o": { "a": 0, "k": 85 }, + "r": { "a": 0, "k": 0 }, + "p": { "a": 0, "k": [90, 165, 0] }, + "a": { "a": 0, "k": [0, 0, 0] }, + "s": { "a": 0, "k": [100, 100, 100] } + }, + "shapes": [ + { + "ty": "gr", + "it": [ + { + "ty": "el", + "s": { "a": 0, "k": [120, 35] }, + "p": { "a": 0, "k": [0, 0] }, + "nm": "Water Shape" + }, + { + "ty": "fl", + "c": { "a": 0, "k": [0.54, 0.81, 0.94, 1] }, + "o": { "a": 0, "k": 100 }, + "nm": "Blue Fill" + }, + { "ty": "tr", "p": { "a": 0, "k": [0, 0] }, "a": { "a": 0, "k": [0, 0] }, "s": { "a": 0, "k": [100, 100] }, "r": { "a": 0, "k": 0 }, "o": { "a": 0, "k": 100 } } + ], + "nm": "Water Group" + } + ] + }, + { + "ddd": 0, + "ind": 3, + "ty": 4, + "nm": "Pedestal", + "sr": 1, + "ks": { + "o": { "a": 0, "k": 100 }, + "r": { "a": 0, "k": 0 }, + "p": { "a": 0, "k": [90, 135, 0] }, + "a": { "a": 0, "k": [0, 0, 0] }, + "s": { "a": 0, "k": [100, 100, 100] } + }, + "shapes": [ + { + "ty": "gr", + "it": [ + { + "ty": "rc", + "d": 1, + "s": { "a": 0, "k": [30, 60] }, + "p": { "a": 0, "k": [0, 0] }, + "r": { "a": 0, "k": 6 }, + "nm": "Pedestal" + }, + { + "ty": "fl", + "c": { "a": 0, "k": [0.87, 0.63, 0.87, 1] }, + "o": { "a": 0, "k": 100 }, + "nm": "Lavender Fill" + }, + { + "ty": "st", + "c": { "a": 0, "k": [0.7, 0.45, 0.7, 1] }, + "o": { "a": 0, "k": 100 }, + "w": { "a": 0, "k": 3 }, + "nm": "Outline" + }, + { "ty": "tr", "p": { "a": 0, "k": [0, 0] }, "a": { "a": 0, "k": [0, 0] }, "s": { "a": 0, "k": [100, 100] }, "r": { "a": 0, "k": 0 }, "o": { "a": 0, "k": 100 } } + ], + "nm": "Pedestal Group" + } + ] + }, + { + "ddd": 0, + "ind": 4, + "ty": 4, + "nm": "Water Spout Center", + "sr": 1, + "ks": { + "o": { + "a": 1, + "k": [ + { "t": 0, "s": [100] }, + { "t": 30, "s": [70] }, + { "t": 60, "s": [100] } + ] + }, + "r": { "a": 0, "k": 0 }, + "p": { "a": 0, "k": [90, 90, 0] }, + "a": { "a": 0, "k": [0, 0, 0] }, + "s": { + "a": 1, + "k": [ + { "t": 0, "s": [100, 100, 100] }, + { "t": 15, "s": [110, 95, 100] }, + { "t": 30, "s": [95, 110, 100] }, + { "t": 45, "s": [105, 100, 100] }, + { "t": 60, "s": [100, 100, 100] } + ] + } + }, + "shapes": [ + { + "ty": "gr", + "it": [ + { + "ty": "el", + "s": { "a": 0, "k": [15, 40] }, + "p": { "a": 0, "k": [0, 0] }, + "nm": "Spout" + }, + { + "ty": "fl", + "c": { "a": 0, "k": [0.7, 0.9, 1, 1] }, + "o": { "a": 0, "k": 80 }, + "nm": "Light Blue Fill" + }, + { "ty": "tr", "p": { "a": 0, "k": [0, 0] }, "a": { "a": 0, "k": [0, 0] }, "s": { "a": 0, "k": [100, 100] }, "r": { "a": 0, "k": 0 }, "o": { "a": 0, "k": 100 } } + ], + "nm": "Spout Group" + } + ] + }, + { + "ddd": 0, + "ind": 5, + "ty": 4, + "nm": "Droplet 1", + "sr": 1, + "ks": { + "o": { + "a": 1, + "k": [ + { "t": 0, "s": [100] }, + { "t": 25, "s": [100] }, + { "t": 35, "s": [0] } + ] + }, + "r": { "a": 0, "k": 0 }, + "p": { + "a": 1, + "k": [ + { "t": 0, "s": [75, 75, 0], "to": [-2, 5, 0], "ti": [0, -8, 0] }, + { "t": 35, "s": [55, 145, 0] } + ] + }, + "a": { "a": 0, "k": [0, 0, 0] }, + "s": { "a": 0, "k": [100, 100, 100] } + }, + "shapes": [ + { + "ty": "gr", + "it": [ + { + "ty": "el", + "s": { "a": 0, "k": [8, 10] }, + "p": { "a": 0, "k": [0, 0] }, + "nm": "Drop" + }, + { + "ty": "fl", + "c": { "a": 0, "k": [0.7, 0.9, 1, 1] }, + "o": { "a": 0, "k": 100 }, + "nm": "Light Blue" + }, + { "ty": "tr", "p": { "a": 0, "k": [0, 0] }, "a": { "a": 0, "k": [0, 0] }, "s": { "a": 0, "k": [100, 100] }, "r": { "a": 0, "k": 0 }, "o": { "a": 0, "k": 100 } } + ], + "nm": "Drop Group" + } + ] + }, + { + "ddd": 0, + "ind": 6, + "ty": 4, + "nm": "Droplet 2", + "sr": 1, + "ks": { + "o": { + "a": 1, + "k": [ + { "t": 10, "s": [100] }, + { "t": 40, "s": [100] }, + { "t": 50, "s": [0] } + ] + }, + "r": { "a": 0, "k": 0 }, + "p": { + "a": 1, + "k": [ + { "t": 10, "s": [105, 75, 0], "to": [2, 5, 0], "ti": [0, -8, 0] }, + { "t": 50, "s": [125, 145, 0] } + ] + }, + "a": { "a": 0, "k": [0, 0, 0] }, + "s": { "a": 0, "k": [100, 100, 100] } + }, + "shapes": [ + { + "ty": "gr", + "it": [ + { + "ty": "el", + "s": { "a": 0, "k": [7, 9] }, + "p": { "a": 0, "k": [0, 0] }, + "nm": "Drop" + }, + { + "ty": "fl", + "c": { "a": 0, "k": [0.7, 0.9, 1, 1] }, + "o": { "a": 0, "k": 100 }, + "nm": "Light Blue" + }, + { "ty": "tr", "p": { "a": 0, "k": [0, 0] }, "a": { "a": 0, "k": [0, 0] }, "s": { "a": 0, "k": [100, 100] }, "r": { "a": 0, "k": 0 }, "o": { "a": 0, "k": 100 } } + ], + "nm": "Drop Group" + } + ] + }, + { + "ddd": 0, + "ind": 7, + "ty": 4, + "nm": "Droplet 3", + "sr": 1, + "ks": { + "o": { + "a": 1, + "k": [ + { "t": 20, "s": [100] }, + { "t": 50, "s": [100] }, + { "t": 60, "s": [0] } + ] + }, + "r": { "a": 0, "k": 0 }, + "p": { + "a": 1, + "k": [ + { "t": 20, "s": [90, 70, 0], "to": [0, 5, 0], "ti": [0, -8, 0] }, + { "t": 60, "s": [90, 145, 0] } + ] + }, + "a": { "a": 0, "k": [0, 0, 0] }, + "s": { "a": 0, "k": [100, 100, 100] } + }, + "shapes": [ + { + "ty": "gr", + "it": [ + { + "ty": "el", + "s": { "a": 0, "k": [6, 8] }, + "p": { "a": 0, "k": [0, 0] }, + "nm": "Drop" + }, + { + "ty": "fl", + "c": { "a": 0, "k": [0.7, 0.9, 1, 1] }, + "o": { "a": 0, "k": 100 }, + "nm": "Light Blue" + }, + { "ty": "tr", "p": { "a": 0, "k": [0, 0] }, "a": { "a": 0, "k": [0, 0] }, "s": { "a": 0, "k": [100, 100] }, "r": { "a": 0, "k": 0 }, "o": { "a": 0, "k": 100 } } + ], + "nm": "Drop Group" + } + ] + } + ], + "markers": [] +} diff --git a/das-town-video b/das-town-video new file mode 160000 index 0000000..5f39c8f --- /dev/null +++ b/das-town-video @@ -0,0 +1 @@ +Subproject commit 5f39c8fe5ef3d6db5bacd6a42e9120dddc58c6cd diff --git a/daswav-cute-v2/animations.css b/daswav-cute-v2/animations.css new file mode 100644 index 0000000..1687b39 --- /dev/null +++ b/daswav-cute-v2/animations.css @@ -0,0 +1,361 @@ +/* ======================================== + DAS WEBSITE ANIMATIONS + Cozy, dreamy, gentle vibes ✨ + ======================================== */ + +/* ======================================== + 1. CHARACTER FLOAT + Gentle up-and-down floating motion + ======================================== */ + +@keyframes character-float { + 0%, 100% { + transform: translateY(0px); + } + 50% { + transform: translateY(-15px); + } +} + +.character-float { + animation: character-float 4s ease-in-out infinite; +} + +/* Variant: slower, more subtle */ +.character-float-slow { + animation: character-float 6s ease-in-out infinite; +} + +/* ======================================== + 2. CLOUD DRIFT + Slow horizontal drifting with parallax + ======================================== */ + +@keyframes cloud-drift { + 0% { + transform: translateX(0); + } + 100% { + transform: translateX(100vw); + } +} + +/* Different speed variants for parallax effect */ +.cloud-drift-slow { + animation: cloud-drift 60s linear infinite; + opacity: 0.6; +} + +.cloud-drift-medium { + animation: cloud-drift 45s linear infinite; + opacity: 0.7; +} + +.cloud-drift-fast { + animation: cloud-drift 30s linear infinite; + opacity: 0.8; +} + +/* Start clouds off-screen left */ +.cloud-drift-slow, +.cloud-drift-medium, +.cloud-drift-fast { + transform: translateX(-20%); +} + +/* ======================================== + 3. HEART FLOAT + Hearts gently rising, fading, wobbling + ======================================== */ + +@keyframes heart-float { + 0% { + transform: translateY(0) rotate(0deg); + opacity: 1; + } + 50% { + transform: translateY(-30px) rotate(5deg); + opacity: 0.8; + } + 100% { + transform: translateY(-60px) rotate(-3deg); + opacity: 0; + } +} + +.heart-float { + animation: heart-float 3s ease-out infinite; +} + +/* Staggered timing for multiple hearts */ +.heart-float-delay-1 { + animation: heart-float 3s ease-out infinite; + animation-delay: 0.5s; +} + +.heart-float-delay-2 { + animation: heart-float 3s ease-out infinite; + animation-delay: 1s; +} + +.heart-float-delay-3 { + animation: heart-float 3s ease-out infinite; + animation-delay: 1.5s; +} + +/* ======================================== + 4. SPARKLE TWINKLE + Stars pulsing/twinkling at intervals + ======================================== */ + +@keyframes sparkle-twinkle { + 0%, 100% { + opacity: 0.3; + transform: scale(1); + } + 50% { + opacity: 1; + transform: scale(1.2); + } +} + +@keyframes sparkle-rotate { + 0% { + transform: rotate(0deg); + } + 100% { + transform: rotate(360deg); + } +} + +.sparkle-twinkle { + animation: sparkle-twinkle 2s ease-in-out infinite; +} + +/* Different timing intervals for variety */ +.sparkle-slow { + animation: sparkle-twinkle 3s ease-in-out infinite; +} + +.sparkle-fast { + animation: sparkle-twinkle 1.5s ease-in-out infinite; +} + +/* Combined twinkle + rotate for extra magic */ +.sparkle-magic { + animation: + sparkle-twinkle 2s ease-in-out infinite, + sparkle-rotate 4s linear infinite; +} + +/* Staggered delays */ +.sparkle-delay-1 { + animation-delay: 0.3s; +} + +.sparkle-delay-2 { + animation-delay: 0.6s; +} + +.sparkle-delay-3 { + animation-delay: 0.9s; +} + +/* ======================================== + 5. BUTTON HOVER + Bouncy, satisfying hover effects + ======================================== */ + +/* Main button bounce */ +.btn-hover { + transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55); + position: relative; +} + +.btn-hover:hover { + transform: translateY(-3px) scale(1.05); + box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15); +} + +.btn-hover:active { + transform: translateY(-1px) scale(1.02); + transition: all 0.1s ease; +} + +/* Streaming platform buttons */ +.streaming-btn { + transition: all 0.35s cubic-bezier(0.175, 0.885, 0.32, 1.275); +} + +.streaming-btn:hover { + transform: translateY(-4px) scale(1.08); + box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2); + filter: brightness(1.1); +} + +/* Pulse effect for primary buttons */ +@keyframes button-pulse { + 0%, 100% { + box-shadow: 0 0 0 0 rgba(255, 105, 180, 0.4); + } + 50% { + box-shadow: 0 0 0 10px rgba(255, 105, 180, 0); + } +} + +.btn-pulse:hover { + animation: button-pulse 1.5s ease-in-out infinite; +} + +/* ======================================== + 6. PANEL ENTRANCE + Subtle slide-up fade-in on page load + ======================================== */ + +@keyframes panel-entrance { + 0% { + opacity: 0; + transform: translateY(30px); + } + 100% { + opacity: 1; + transform: translateY(0); + } +} + +.panel-entrance { + animation: panel-entrance 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; +} + +/* Staggered entrance for multiple panels */ +.panel-entrance-delay-1 { + opacity: 0; + animation: panel-entrance 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s forwards; +} + +.panel-entrance-delay-2 { + opacity: 0; + animation: panel-entrance 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s forwards; +} + +.panel-entrance-delay-3 { + opacity: 0; + animation: panel-entrance 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.3s forwards; +} + +.panel-entrance-delay-4 { + opacity: 0; + animation: panel-entrance 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.4s forwards; +} + +/* ======================================== + 7. TRACK HOVER + Slight glow/lift on track list items + ======================================== */ + +.track-hover { + transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); + position: relative; +} + +.track-hover:hover { + transform: translateX(8px) translateY(-2px); + background: rgba(255, 255, 255, 0.05); + box-shadow: + 0 4px 15px rgba(0, 0, 0, 0.1), + 0 0 20px rgba(255, 105, 180, 0.2); +} + +/* Subtle glow pulse on hover */ +@keyframes track-glow { + 0%, 100% { + box-shadow: + 0 4px 15px rgba(0, 0, 0, 0.1), + 0 0 20px rgba(255, 105, 180, 0.2); + } + 50% { + box-shadow: + 0 4px 15px rgba(0, 0, 0, 0.1), + 0 0 30px rgba(255, 105, 180, 0.4); + } +} + +.track-hover:hover { + animation: track-glow 2s ease-in-out infinite; +} + +/* Play button reveal on track hover */ +.track-hover .play-btn { + opacity: 0; + transform: scale(0.8); + transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55); +} + +.track-hover:hover .play-btn { + opacity: 1; + transform: scale(1); +} + +/* ======================================== + UTILITY ANIMATIONS + Additional helper animations + ======================================== */ + +/* Fade in */ +@keyframes fade-in { + from { + opacity: 0; + } + to { + opacity: 1; + } +} + +.fade-in { + animation: fade-in 0.5s ease-in forwards; +} + +/* Gentle bounce */ +@keyframes gentle-bounce { + 0%, 100% { + transform: translateY(0); + } + 50% { + transform: translateY(-10px); + } +} + +.gentle-bounce { + animation: gentle-bounce 2s ease-in-out infinite; +} + +/* Smooth scale-in */ +@keyframes scale-in { + from { + opacity: 0; + transform: scale(0.9); + } + to { + opacity: 1; + transform: scale(1); + } +} + +.scale-in { + animation: scale-in 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; +} + +/* ======================================== + REDUCED MOTION SUPPORT + Respect user preferences + ======================================== */ + +@media (prefers-reduced-motion: reduce) { + *, + *::before, + *::after { + animation-duration: 0.01ms !important; + animation-iteration-count: 1 !important; + transition-duration: 0.01ms !important; + } +} diff --git a/daswav-cute-v2/content.json b/daswav-cute-v2/content.json new file mode 100644 index 0000000..9ab0280 --- /dev/null +++ b/daswav-cute-v2/content.json @@ -0,0 +1,57 @@ +{ + "artist": { + "name": "DAS", + "taglines": [ + "beats for your soul ♡", + "making music for the quiet moments", + "lo-fi vibes & warm feels", + "soundtrack for your daydreams", + "where beats meet heart" + ] + }, + "tracks": [ + { + "title": "Wingz", + "album": "Beats For Your Soul Vol. 10", + "description": "Float away on gentle rhythms" + }, + { + "title": "Non-Starters", + "album": "Beats For Your Soul Vol. 10", + "description": "For the ideas that never took flight" + }, + { + "title": "Thermometer", + "album": "Beats For Your Soul Vol. 10", + "description": "Checking the temperature of the moment" + }, + { + "title": "ViRUS", + "album": "Beats For Your Soul Vol. 9", + "description": "Infectious grooves, in the best way" + }, + { + "title": "Codeine & Cambria", + "album": "Beats For Your Soul Vol. 5", + "description": "Smooth textures for late night listening" + } + ], + "about": "DAS crafts lo-fi beats and instrumental hip-hop that feel like a warm hug on a cold day. Born from late-night studio sessions and a love for analog warmth, each track is an invitation to slow down and feel something real. This is music for studying, dreaming, and everything in between.", + "streaming": { + "spotify": { + "url": "https://open.spotify.com/artist/2cwrDjkkqPWi6WiLzPnWid", + "label": "Listen on Spotify" + }, + "soundcloud": { + "url": "https://soundcloud.com/das-wav", + "label": "Follow on SoundCloud" + }, + "appleMusic": { + "url": "https://music.apple.com/us/artist/das/1516553153", + "label": "Stream on Apple Music" + } + }, + "social": { + "callToAction": "Find your vibe ↓" + } +} diff --git a/daswav-cute-v2/index.html b/daswav-cute-v2/index.html new file mode 100644 index 0000000..503b8e7 --- /dev/null +++ b/daswav-cute-v2/index.html @@ -0,0 +1,475 @@ + + + + + + DAS + + + +
+
+
+
+
DAS
+
click anywhere · drag to explore
+ + + + diff --git a/daswav-cute-v2/layout-guide.md b/daswav-cute-v2/layout-guide.md new file mode 100644 index 0000000..b9bd82c --- /dev/null +++ b/daswav-cute-v2/layout-guide.md @@ -0,0 +1,277 @@ +# DAS Website Layout Guide +*A cozy, personal space for lo-fi beats* + +--- + +## Design Philosophy +This site should feel like stepping into a friend's carefully curated music space. Warm, intimate, uncluttered. Every pixel serves the music. + +--- + +## Spacing System + +### Container Padding +- **Desktop:** 80px horizontal, 60px vertical +- **Tablet:** 40px horizontal, 40px vertical +- **Mobile:** 24px horizontal, 32px vertical + +### Section Spacing (vertical) +- **Between major sections:** 120px (desktop), 80px (tablet), 60px (mobile) +- **Between subsections:** 60px (desktop), 40px (tablet), 32px (mobile) +- **Between elements in a group:** 24px (desktop), 20px (tablet), 16px (mobile) + +### Track List Item Spacing +- **Gap between tracks:** 16px +- **Internal padding:** 20px (desktop), 16px (mobile) +- **Hover expansion:** Add 4px padding-top and padding-bottom on hover + +--- + +## Typography Hierarchy + +### Font Families +- **Headings:** System font stack: `-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif` +- **Body:** Same as headings for cohesion +- **Accent/Artist name:** Consider a gentle rounded sans like `'DM Sans', 'Inter', system-ui` + +### Font Sizes + +#### Desktop (1024px+) +- **Artist Name (H1):** 72px, font-weight: 700, letter-spacing: -0.02em +- **Tagline:** 24px, font-weight: 400, letter-spacing: 0.01em, opacity: 0.85 +- **Section Headers (H2):** 36px, font-weight: 600 +- **Track Titles:** 20px, font-weight: 500 +- **Track Album/Description:** 16px, font-weight: 400, opacity: 0.7 +- **About Text:** 18px, font-weight: 400, line-height: 1.7 +- **Buttons/Links:** 16px, font-weight: 500, letter-spacing: 0.02em + +#### Tablet (768px - 1023px) +- **Artist Name:** 56px +- **Tagline:** 20px +- **Section Headers:** 28px +- **Track Titles:** 18px +- **Track Album/Description:** 15px +- **About Text:** 17px +- **Buttons/Links:** 15px + +#### Mobile (<768px) +- **Artist Name:** 40px +- **Tagline:** 18px +- **Section Headers:** 24px +- **Track Titles:** 17px +- **Track Album/Description:** 14px +- **About Text:** 16px, line-height: 1.65 +- **Buttons/Links:** 15px + +--- + +## Color Palette + +### Primary Colors +``` +Background: #FFF8F0 (warm off-white, like aged paper) +Text Primary: #2A2420 (warm dark brown, not pure black) +Text Secondary: rgba(42, 36, 32, 0.65) +``` + +### Accent Colors +``` +Primary Accent: #E85D75 (warm coral pink) +Hover Accent: #D94460 (deeper coral) +Secondary Accent: #FFA07A (light salmon - for subtle highlights) +``` + +### Interactive States +``` +Link Default: #2A2420 +Link Hover: #E85D75 +Button Background: #E85D75 +Button Hover: #D94460 +Button Text: #FFF8F0 +Track Item Hover Background: rgba(232, 93, 117, 0.08) +``` + +### Semantic Colors +``` +Focus Ring: 2px solid #E85D75, offset 2px +Border/Divider: rgba(42, 36, 32, 0.12) +``` + +--- + +## Responsive Breakpoints + +```css +/* Mobile-first approach */ + +/* Small phones */ +@media (max-width: 375px) { + /* Tighter spacing, smaller fonts */ +} + +/* Standard mobile */ +@media (min-width: 376px) and (max-width: 767px) { + /* Base mobile styles */ +} + +/* Tablet portrait */ +@media (min-width: 768px) and (max-width: 1023px) { + /* Medium spacing and fonts */ +} + +/* Desktop */ +@media (min-width: 1024px) { + /* Full spacing and fonts */ +} + +/* Large desktop */ +@media (min-width: 1440px) { + /* Optional: max-width container, centered */ + /* Max content width: 1200px */ +} +``` + +--- + +## Component-Specific Guidelines + +### Hero Section (Artist Name + Tagline) +- **Alignment:** Center +- **Vertical spacing from top:** 80px (desktop), 60px (mobile) +- **Tagline margin-top:** 16px +- **Animation:** Subtle fade-in on load (0.6s ease) + +### Track List +- **Max width:** 640px, centered +- **Border radius:** 12px per item +- **Transition:** all 0.2s ease-in-out +- **Hover state:** Lift with subtle shadow `box-shadow: 0 4px 12px rgba(42, 36, 32, 0.08)` +- **Play button (if added):** 40px circle, positioned left or center, accent color + +### About Section +- **Max width:** 560px, centered +- **Text alignment:** Center +- **Line height:** 1.7 (desktop), 1.65 (mobile) + +### Streaming Links +- **Layout:** Horizontal flex on desktop, vertical stack on mobile (<600px) +- **Button style:** Rounded corners (24px), 16px vertical padding, 32px horizontal padding +- **Gap between buttons:** 16px +- **Icon size (if added):** 20px, positioned left of text with 8px gap +- **Hover effect:** Slight scale (transform: scale(1.02)) + color change + +--- + +## Accessibility Considerations + +### Color Contrast +- **Text on background:** Minimum WCAG AA (4.5:1 for body text, 3:1 for large text) +- **Accent color on white:** #E85D75 on #FFF8F0 = ~4.8:1 ✓ +- **Dark text on white:** #2A2420 on #FFF8F0 = ~13.5:1 ✓ + +### Focus States +- **All interactive elements** must have visible focus ring +- **Focus ring:** 2px solid accent color, 2px offset +- **Never remove outline** without replacing with visible alternative + +### Keyboard Navigation +- **Tab order:** Logical top-to-bottom flow +- **Skip links:** Consider "Skip to music" link at top +- **Interactive elements:** Minimum 44x44px touch target on mobile + +### Screen Reader Support +- **Artist name:** Wrapped in `

` with proper hierarchy +- **Track list:** Semantic `