{"slug": "show-hn-sorleed-source-first-react-and-css-ui-components-for-fintech", "title": "Show HN: Sorleed – Source-first React and CSS UI components for fintech", "summary": "Sorleed launched as a source-first React and CSS design system and component toolkit for fintech, commercial banking, wealth management and double-entry ledgers, distributed via a CLI that copies component source code into a developer's codebase with automatic dependency resolution. Sorleed ships official AI agent skill definitions and a machine-readable JSON registry for Antigravity, Claude Code and Cursor, and organizes its components into six financial categories: Banking & Wallets, Accounting & Ledgers, Credit & Wealth, Security & Identity, Forms & Core Controls, and CLI Source Distribution.", "body_md": "# Financial UI Infrastructure for Modern Engineering Teams\n\nSorleed is a complete design system and component toolkit engineered for fintech, commercial banking, wealth management, and double-entry ledgers. Source-first, zero-runtime lock-in, accessible by default, and equipped with native AI agent skills and machine-readable registry for autonomous agentic workflows.\n\n[Learn about CLI installation →](docs#cli)\n\n## Explore by Financial Category\n\nAll documentation and components are organized by functional domain.\n\n### Banking & Wallets\n\nChecking account balance displays, privacy eye masking, IBAN summaries, and interactive payment cards.\n\nExplore Banking Components →\n\n### Accounting & Ledgers\n\nCommercial invoices, double-entry bookkeeping ledgers, chart of accounts tree, and tax estimates.\n\nExplore Accounting Components →\n\n### Credit & Wealth\n\nLoan amortization calculators, credit score radial gauges, spending meters, and portfolio diversification.\n\nExplore Wealth Components →\n\n### Security & Identity\n\nFace ID / biometric approval modals, KYC document dropzones, SEPA mandates, and PIN/OTP cells.\n\nExplore Security Components →\n\n### Forms & Core Controls\n\nAccessible buttons, financial numeric inputs, segmented tabs, dialog modals, and custom selects.\n\nExplore Core Controls →\n\n### CLI Source Distribution\n\nCopy component source code straight into your codebase with automatic dependency resolution.\n\nLearn CLI Usage →\n\n### AI Agent Skills & Registry\n\nOfficial skill definitions and machine-readable JSON registry powering Antigravity, Claude Code, and Cursor.\n\nExplore AI Agent Skills →", "url": "https://wpnews.pro/news/show-hn-sorleed-source-first-react-and-css-ui-components-for-fintech", "canonical_source": "https://sorleed.com/", "published_at": "2026-11-13 12:00:39+00:00", "updated_at": "2026-11-13 12:22:00.780483+00:00", "lang": "en", "topics": ["ai-agents", "agent-protocols", "developer-tools", "ai-tools"], "entities": ["Sorleed", "React", "Antigravity", "Claude Code", "Cursor"], "also_reported_by": [], "alternates": {"html": "https://wpnews.pro/news/show-hn-sorleed-source-first-react-and-css-ui-components-for-fintech", "markdown": "https://wpnews.pro/news/show-hn-sorleed-source-first-react-and-css-ui-components-for-fintech.md", "text": "https://wpnews.pro/news/show-hn-sorleed-source-first-react-and-css-ui-components-for-fintech.txt", "jsonld": "https://wpnews.pro/news/show-hn-sorleed-source-first-react-and-css-ui-components-for-fintech.jsonld"}}