{
  "id": 10681538,
  "title": "Pure CSS budget UI: two phones, one chart with st-core.fscss",
  "url": "https://urgent.news/2026/09/29/pure-css-budget-ui-two-phones-one-chart-with-st-core-fscss",
  "topic": "tech",
  "section": "Tech",
  "published": "2026-09-29T11:38:22.000Z",
  "source": {
    "name": "Dev.to",
    "slug": "dev-to",
    "url": "https://dev.to/fscss/pure-css-budget-ui-two-phones-one-chart-with-st-corefscss-15g9"
  },
  "original_language": "en",
  "account": null,
  "summary": "The Figma design in pure CSS A mobile Home + Budget template for st-core@v2 : dual phone frames, card carousel, finance shortcuts, loans, and a spend chart drawn with clip-path + CSS variables. Live preview: hub.devtem.org/st-core.fscss/templates/budget-app/ Source: templates/budget-app What’s in it Layer Role st-core@v2 Tokens, phone shell helpers, area/line chart from @arr budgetData icon-mask…",
  "key_points": [],
  "editors_take": null,
  "illustration": null,
  "coverage": {
    "outlets": 1,
    "also_reported_by": []
  },
  "ai_generated": true,
  "disclaimer": "Summaries, key points and the editor’s take are written by software from other outlets’ reporting and may contain errors — always check the linked original."
}