Daily Soup

Embeddable growth-themed daily quote widget. Drop a <script> tag or npm install. Same deterministic quote everywhere, every day. Shadow-DOM isolated; container-query RWD; light/dark auto.

Live demo

zh · auto theme · narrow container

zh · light · standard

zh · dark · wide

Install — script tag

<div id="daily-soup"></div>
<script src="https://daily-soup-widget.vercel.app/embed.js" async></script>

Optional config via data-* attributes on the mount node: data-theme="dark", data-max-width="640px".

Install — NPM (React)

npm install daily-soup-widget

import { DailySoup } from 'daily-soup-widget';

export default function Page() {
  return <DailySoup lang="zh" theme="auto" />;
}

Configuration

Option	Values	Default
`lang`	`zh`	`zh`
`theme`	`auto` / `light` / `dark`	`auto`
`scheduleUrl`	any HTTPS URL	hosted CDN

About

Content seed: 30 中文成長主題語錄，涵蓋行動、學習、堅持、心態、蛻變五個維度。全為公共領域古典詩文（蘇軾、屈原、論語、孟子等），附原典出處連結。

GitHub · MIT License · mshmwr