Explore Gallery

Shadcn chat primitives — Message, Bubble, Attachment, Marker, MessageScroller.

Working conversation UI built from the chat component primitives.

100K rows × 50 columns with TanStack Table + Virtual. 11 performance tricks.

Zero-dependency calendar with month/week/day views and smart overlap layout.

Line, bar, area, scatter, and stacked bar charts with TanStack Charts.

Smooth scroll navigation with highlight animation on target sections.

Dual-pane transfer list for moving items between collections.

Molecule editor with structure drawing and SMILES conversion.

Gene-centric AMD analysis — Ophtha Agent Streamlit redesign.

Editable table cells with validation — Moose UI pattern.

JSON-driven report layout with floating nav, collapsible sections, and citations.

AI MR demo recorder — auto-records features and posts to merge requests.

Embedded AI copilot with conversational interface.

Protein/gene identifier search with API integration.

High-performance WebGL scatterplot for PerturbSeq data.

WebGL-rendered heatmap for gene expression matrices.

Waterfall plot for ranked differential expression results.

Standalone analytics dashboard with charts, KPIs, and filters.

Comet data operations dashboard with pipeline monitoring.

WalkMe-style support chat widget with floating trigger button.

Application-level error modal with context providers and stack traces.

Structured evidence review table with scoring and annotations.

Drug target qualification workflow with multi-step assessment.

Ophthalmic image viewer with layer controls and annotations.

96/384-well plate viewer with heatmap overlay and selection.

Linked brushing across multiple coordinated visualizations.

Overview of all available page layout templates.

Full-page chat layout with message list and input area.

Article-style layout with table of contents and reading area.

Grid-based dashboard with resizable panels.

Interactive plotting library from the GYDE platform.

Amino acid frequency analysis with interactive bar charts.

Multiple sequence alignment viewer with conservation scoring.

3D protein structure viewer with Mol* (Molstar) integration.

Responsive app header with navigation, search, and user menu.

Collapsible sidebar with sections, icons, and active state.

Branded footer with links and copyright.

Command-palette style search with keyboard navigation and fuzzy matching.

Error boundary patterns with fallback UI and retry logic.

Overview of all visualization examples.

Unit and component testing patterns with Vitest and Testing Library.

End-to-end testing with Playwright — visual regression and accessibility.

High-density data table with sorting, filtering, and pagination.

Scientific data table with custom cell renderers and row expansion.

Authentication flow with refresh token patterns for FoxHog and BioNav.

BioNav-specific login page with branded styling.