Changelog
Releases, new components, and improvements to jalco ui.
Open Source Batch
2026.04.1LatestLeaning harder into the open-source lane. Four new components that round out the GitHub and ecosystem coverage: a release badge that pulls your latest tag, a CI status badge for GitHub Actions, a Discord server widget, and a zero-dep SVG sparkline that shows npm download trends inline. Also split the sidebar into GitHub and Ecosystem sections because 13 items in one list was getting unwieldy.
New components (4)
Live GitHub release badge showing latest tag, publish date, and pre-release indicator. Three layouts.
GitHub Actions CI status badge with colored status dots for passing, failing, pending, and cancelled states.
Live Discord server badge showing server name and online count via the public widget API. Includes a blurple variant.
Tiny inline SVG sparkline showing npm download trends. Three chart types, trend indicator, average baseline, and date range labels. Zero charting dependencies.
Improvements
- Sidebar reorganizationSplit the Open Source section into GitHub (repo-specific components) and Ecosystem (npm, Discord, licensing, platforms) for easier navigation.
Pretext
2026.04.0This one was me falling down a rabbit hole with Cheng Lou's Pretext library and deciding it was too interesting not to build around. I genuinely think Pretext is kind of revolutionary — it makes a bunch of text-layout problems feel solvable in a way the DOM never really has. So now jalco-ui has a small text-layout mini-batch: hooks for DOM-free text measurement, shrinkwrapped chat bubbles, balanced text, and a masonry grid that predicts heights without poking the DOM. Extremely niche in the best way.
New components (4)
React hooks for DOM-free text measurement — prepare/layout lifecycle, shrinkwrap search, and balanced-width computation powered by @chenglou/pretext.
Message bubble with Pretext shrinkwrap that finds the tightest width for the same line count, eliminating dead space CSS fit-content leaves behind.
Text wrapper that uses Pretext to balance line widths so all lines are roughly equal length. Deterministic and cross-browser consistent.
Text-aware masonry layout where card heights are predicted by Pretext without DOM measurement. Zero layout shift.
Improvements
- Cleaner dependency badgesInternal registry lib dependencies like the shared pretext utility are now hidden from docs-page dependency badges, so only the dependencies users actually care about show up.
Batch 1
2026.03.1Big batch. Eight new components — landing page stuff like testimonials and logo clouds, open source primitives like repo cards and license badges, and a color palette for design system docs. Basically the pieces I kept needing across projects and finally built properly.
New components (8)
Operational status badge with colored dot and label for dashboards, status pages, and header bars.
GitHub contributor display with avatar grid and detailed list layouts. Async server component with ISR caching.
Git commit history as a vertical timeline with hashes, messages, author avatars, branch rails, and merge lines.
"Trusted by" logo display with static grid and infinite-scroll marquee layouts.
Customer testimonial display with standalone card, responsive grid, and infinite-scroll marquee layouts.
Software license badge with SPDX identifier, category color-coding, and OSI-approved indicator. Three layouts: inline pill, segmented row, and expanded card.
GitHub repository preview card with description, language dot, star and fork counts, license, and topic tags.
Color swatch display with name, hex/hsl/rgb values, and click-to-copy. Grid and horizontal scale strip layouts for design system documentation.
Improvements
- Seamless marquee animationsFixed gap mismatches in testimonial and logo-cloud marquees that caused visible jumps at the loop point.
Initial Release
2026.03.0The first real drop. Twenty components I'd been building across a bunch of projects, cleaned up and published through a shadcn-compatible registry. Code blocks, dev tools, GitHub badges, documentation primitives — basically everything I kept re-building from scratch and finally decided to just ship properly.
New components (20)
Syntax-highlighted code block with bundled language icon, copy button, and optional scrollable or collapsible overflow.
Tabbed CLI command block with package manager switching, bundled SVG icons, copy button, and localStorage persistence.
Compact single-line code snippet with syntax highlighting and an inline copy button.
Code diff viewer with line numbers and add/remove coloring. Supports unified and split layouts.
Split button with a primary copy action and a dropdown of AI destinations.
Keyboard shortcut key rendered as a styled keycap. Three visual profiles and multiple mechanical keyboard color schemes.
Expandable prop reference table with color-coded types, optional descriptions, and full-type details.
Collapsible file and folder tree with file-type icons, highlights, and configurable depth.
Numbered step-by-step layout with vertical connector lines, auto-incrementing steps, and nested content.
GitHub-style activity heatmap that visualizes daily counts as a color-intensity grid.
Link button showing a GitHub repo's star count with the octocat icon. Async server component.
Segmented button group displaying multiple GitHub repo metrics with per-segment links.
Live npm package badge showing version, weekly downloads, license, and last publish date. Three layouts.
Link button showing a Product Hunt post's upvote count with the PH cat icon.
Visual cron expression display with field breakdown, human-readable summary, and next-run preview.
Read-only environment variable table with masked values, click-to-reveal, per-row copy, and required indicators.
Collapsible, syntax-colored JSON tree with path copying, search, expand/collapse, and configurable depth.
Scrollable log output component for displaying streaming logs or CLI-style output with ANSI color support.
Network request inspector showing headers, response body, and timing waterfall.
Donation and tipping component with QR code, wallet address display, and copy-to-clipboard.