---
title: "Ladybird No-code Chrome Extension | 星源 Web Studio"
description: "A Chrome Web Store extension for no-code buttons, visual web automation flows and locally encrypted credentials, with English, Japanese and Chinese UI."
url: "https://studio.i17i.com/en/work/ladybird-extension"
---

Browser Extension / Own Product

# Ladybird No-code Web Automation Chrome Extension

A self-developed browser extension published on the Chrome Web Store: add no-code buttons, links and tooltips to any webpage, build automation with a visual flow editor, and keep credentials in a locally encrypted vault. Trilingual UI (English/Japanese/Chinese), under active iteration.

[Visit website](https://chromewebstore.google.com/detail/ladybird-no-code-buttons/nefpepdpcjejamkgpndlfehkffkfgbpe)

- Chrome Extension

- Manifest V3

- WXT

- React

- TypeScript

- Tailwind CSS

## Screenshots

chromewebstore.google.com

chromewebstore.google.com

## Background & challenge

Repetitive web work — filling forms row by row, batch clicking — is a daily burden for non-engineers. Writing scripts has a steep learning curve, while cloud automation SaaS requires handing business data to a third party. The goal: a no-code tool where data never leaves the browser, published through the Chrome Web Store's Manifest V3 review.

## Solution

Built with Manifest V3 + WXT + React + TypeScript. A side panel manages page elements and automation flows in one place; the visual flow editor composes input, click, wait and data-source mapping steps into reusable flows that fill forms row by row and submit automatically. Hidden rules mute distracting page elements with one click, and credentials live in a locally encrypted vault. Prepared store listing assets, passed review, and keep shipping updates.

## Outcomes

- Passed review and live on the Chrome Web Store, iterated to v2.x

- No-code: on-page buttons/links/tooltips plus a visual automation flow editor

- Data source flows: one data row maps to one form submission, automating batch tasks

- Credentials encrypted locally — business data never leaves the browser

## Key features

- Add no-code buttons, links and tooltips to any webpage

- Visual flow editor: compose input/click/wait steps

- Data source flows: data row → form field mapping → auto submit

- Hidden rules: hide distracting page elements in one click

- Locally encrypted credential vault

- Trilingual UI (English/Japanese/Chinese)

## Tech stack

- Chrome Extension

- Manifest V3

- WXT

- React

- TypeScript

- Tailwind CSS

[Get a Quote](https://studio.i17i.com/en/contact)

## Related service

[Chrome Extension Development Custom Manifest V3 extensions, from spec to Chrome Web Store release From $2,500, quoted by feature scope Learn More](https://studio.i17i.com/en/services/chrome-extension)

## Related work

[yaofengxny.com Machine-made charcoal manufacturing / new energy fuel Yaofeng New Energy — Charcoal Manufacturer Trade Site An international corporate and catalog website for a machine-made charcoal manufacturer, serving buyers in English, Chinese, Arabic (RTL) and Russian, with a filterable product catalog, an OEM page and a complete inquiry flow. - Next.js - TypeScript - Prisma - PostgreSQL Learn More](https://studio.i17i.com/en/work/yaofeng-new-energy)
[juns.i17i.com Furniture and architectural hardware manufacturing Junsheng Hardware — B2B Furniture Hardware Catalog A B2B product catalog website for a furniture and architectural hardware manufacturer: catalog, category pages, product details with MOQ, a catalog request form and an inquiry form, with multilingual switching. - Next.js - TypeScript - Prisma - PostgreSQL Learn More](https://studio.i17i.com/en/work/junsheng-hardware)
[tn.i17i.com Cross-border business services / subscription commerce Subscription Commerce Site with Stripe Payments A subscription sales site for cross-border business users, delivered solo from planning and design through implementation and production operations: Stripe Checkout payments, webhook-driven order sync, an admin panel, a customer self-service page and email notifications throughout. - Next.js - TypeScript - Prisma - PostgreSQL Learn More](https://studio.i17i.com/en/work/subscription-commerce)

## Related articles

- [What Is PHP2Shell? A Practical Guide to Checking and Fixing PHP WebsitesUnderstand PHP2Shell, CVE-2026-109618 and CVE-2026-109619. Check the PHP runtime behind your website, install security updates, restart workers and verify the fix.Learn More](https://studio.i17i.com/en/blog/php2shell-security-fix)

- [Multilingual Website SEO: A Practical Guide to hreflang, URLs and RTLHow to get multilingual website SEO right: URL structure, hreflang without the classic errors, Arabic RTL layout, translation quality and a checklist.Learn More](https://studio.i17i.com/en/blog/multilingual-website-seo)

- [B2B Manufacturer Website Guide: What Actually Generates InquiriesA practical guide to B2B manufacturer websites that generate inquiries: the pages buyers expect, catalog and spec design, inquiry flow, and budgets.Learn More](https://studio.i17i.com/en/blog/b2b-website-for-manufacturers)

## Ready to build a website that wins overseas buyers?

Free consultation with a reply within one business day, including practical advice for your industry

[Free Consultation](https://studio.i17i.com/en/contact)
[View Portfolio](https://studio.i17i.com/en/work)