Tavotto
AI drew your research figure. Tavotto makes it publication-ready: edit matplotlib figures on a canvas, lay out in mm, check journal rules. Free, open source.
React components that take their colours, type and shape from a brand contract.
DesignTypeScript · JavaScriptGitHub @hungduong-projectsOnlineOwner unconfirmed
Have you tried it? One tap is enough. No sign-in needed.
No updates detected yet. GitHub releases will appear here.
Owners of public repositories under a personal GitHub account can sign in to verify ownership and manage the introduction themselves. No administrator approval is needed.
Sign in, generate a verification file, and commit it to this repository’s default branch within 30 minutes. Files on other branches or forks do not count. Then check the file below to manage the project without administrator approval. Keep the file to retain your access.
If needed, you will go to sign-in. After signing in, return here and press your chosen verification button again.
Run /nomorevibe verify in your project folder to verify ownership and manage the introduction yourself.
Verify in one minuteAsk about other verification options
Brand Studio: React UI components, brand-design workflow, assistant plugin, and live docs.
Translation pending
Taken from the repository README
Loading the full README. The saved excerpt is shown below.
Brand Studio turns business facts and visitor purpose into a durable brand contract, then applies that contract across websites and other creative artifacts.
It combines a design workflow, an optional accessible React UI package and public examples in one workspace. The system preserves a brand's positioning, voice, typography, colour logic, imagery and signature devices without forcing every output into one visual template or package.
Install the published @brand-studio/ui package with npm, pnpm, Yarn or Bun. Browse the component documentation.
Requires Node.js 22.12 or newer and npm.Read the full README ↗Brand Studio turns business facts and visitor purpose into a durable brand contract, then applies that contract across websites and other creative artifacts.
Live docs · Component catalogue · Examples · npm package
It combines a design workflow, an optional accessible React UI package and public examples in one workspace. The system preserves a brand's positioning, voice, typography, colour logic, imagery and signature devices without forcing every output into one visual template or package.
| Product | Location | Current status |
|---|---|---|
| Brand Studio UI | packages/ui | 113 typed React components for apps, AI agents, effects, story pages and product pages |
| Brand Studio plugin | plugins/brand-studio | Brand Studio skills (brand-design, take-apart, check-visual, post-video, aesthetic-websites) with Codex and Claude manifests |
| Showcase | apps/showcase | Interactive component library and completed brand studies |
| Docs | apps/docs | Public component docs: live previews in any demo brand, props and copyable code |
| Public examples | examples | Curated standalone proofs, currently focused on authored motion |
Install the published @brand-studio/ui package with npm, pnpm, Yarn or Bun. Browse the component documentation.
Requires Node.js 22.12 or newer and npm.
npm install
npm run dev
Open the local URL printed by Vite.
npm run check:brand
npm test
npm run build
npm run typecheck
Source code is MIT. Third-party assets keep their own terms; see the PROVENANCE.md file next to each.