We closed out Q4 FY26 with a strong focus on quality and developer experience, pushing unit test coverage to 80% and validating React 19 compatibility across Anvil2. The team also improved contribution workflows, explored saved filters patterns, and enhanced accessibility to ensure all component content is keyboard navigable.Documentation Index
Fetch the complete documentation index at: https://anvil.servicetitan.com/llms.txt
Use this file to discover all available pages before exploring further.
Anvil’s Mission
Anvil Design System empowers teams to build accessible, scalable, and delightful user experiences for ServiceTitan. We aim to develop assets and systems rooted in key design and engineering processes, partnerships, and modern systems thinking. We inspire through collaboration, while allowing our consumers to do more with less. Read more about Our Core Principles.Highlight: Q4 FY26 in Review
🚀 Deliverables
- Unit Test Coverage to 80% in Anvil2
- Improve Contribution & PR Workflow
- Enable AI doc writing assistant tooling
- Data Table Cell Error State
- Test React 19 compatibility
- Intake Atlas UI Components
- Implement BrowserStack for mobile testing
- Additional Data Table cell formatting
- Single source-of-truth for tokens POC
- Document Data Viz and amcharts theme
- Add Support for Tier 3 Tokens
- Document xsmall Button
- Improve Data Table rendering performance
- Implement live code blocks with Stackblitz
✅ Operational
- 45 bugs resolved → stability improvements
- React 19 compatibility and testing infrastructure → upgraded peer dependencies, BrowserStack mobile testing, 80% unit test coverage target
- Documentation platform migration → AI-readable docs, Mintlify moved to Hammer repository, live code blocks with Stackblitz, component previews, governance section added
- Accessibility and performance → keyboard navigation improvements, Data Table rendering optimizations, color contrast fixes
- Design system foundations → Tier 3 token support, AI/Atlas foundations documented, base layer components stabilized
- Tooling and workflow → AI doc writing assistant, AI-powered ticket creator launched, AI Impact Tracker launched, improved contribution process, Figma plugin released for DataTable
What’s Underway in Q1 FY27
Components
- Beta Rich Text Editor with at-mention support
- DataTable feature set:
- Full data-set sorting
- Default caching for loaded page data
- Cell overflow handling (beta)
- Warning validation options
- Editable cells with SelectMenu/MultiSelectMenu
- Options to disable ‘Expand All’ and ‘Select All’
- Boolean editable cell type
- Custom editable fields with multi-field Dialog support
- Empty state illustration
- Internal popover refactors
- Selection components
SelectFieldandMultiSelectFieldenhancements- New
SelectMenuandMultiSelectMenufor non-input based selection - New
TreeSelectFieldandTreeSelectMenufor nested tree-based selection
- Standardized tooltip and label behavior/API in form fields
Docs & Education
- Enhanced Dashboard with Adoption and Accessibility Insights
- Responsive & Adaptive Design pattern page
- Number Field documentation for hiding +/- controls
- Documented release and communication workflow
- Docs site automation and AI consumption enhancements
- Re-evaluated token display locations
Integrations
- AI-integrated design process support for XD
- Internal AI workflows and tooling improvements
- Storybook MCP installation in hammer repo
- Storybook MCP and Figma Make process comparison and documentation
- Updated AI rules/skills with recurring review process
3.0 Release Highlights
Anvil2 3.0 is a CSS-only breaking release with foundational changes to our CSS structure. Previously, component styles used cascade layers (@layer) — but unlayered CSS like Bootstrap always wins over layered CSS regardless of specificity, causing style overrides across the monolith. In 3.0, all component styles are flat, unlayered CSS — eliminating the revert-layer bugfix file and making specificity predictable across all environments.
Tier 3 Color Tokens
Full Tier 3 color token coverage across all components. Consistent, semantic color application system-wide with support for theming and future brand updates.
Enhanced Color Ramps
Expanded and refined color ramps for improved contrast, accessibility compliance, and visual consistency across light and dark surfaces.
Optimized Token Build
Streamlined
hammer-token build pipeline for faster compile times and a smaller output footprint — less overhead for every team consuming Anvil.Flattened CSS Architecture
CSS specificity simplified and flattened for easier styling adoption, reduced override friction, and a cleaner path for teams customizing Anvil components.
Reliability & Quality Improvements
| Your Feedback | Changes in Motion |
|---|---|
DateField components not respecting dates for users in different timezones. | Fixed timezone handling in DateFieldSingle, DateFieldRange, Calendar, and Toolbar.Filter. |
DataTable cells, columns, and styling not rendering or behaving correctly. | Fixed pinned column shadows, className property, cell editing, and subcomponent overflow. |
SelectField and Combobox components had rendering, performance, and state issues. | Resolved item ordering, option rendering, filtering state resets, and performance lag. |
Keyboard navigation and focus management broken in some components. | Fixed tooltip keyboard access, focus scrolling, Action Menu controls, and DataTable navigation. |
Visual Design Updates
Q4 Recap:- AI Learnings: published an AI newsletter to recap what’s new in AI. This is now part of the AI Guild!
- Data Visualization: Delivered on semantic color palette refinement, tooltip update, and funnel & gauge charts explored. The team also gave 1:1 design support for accounting, MPRO, UX Debt Dashboards, Centralized Billing dashboards to ensure consistency across org and education for designers
- Tableau dashboard design refresh ensuring Anvil alignment
- Atlas/AI: Delivered a skeleton loader and content highlight animation
- Illustration library expanded with 11 base illustrations and 70 custom PLG illustrations
- DTE: Delivered a roofing estimate template to a live tenant
- Completed two Marketing Pro playbook redesigns
- 83 templates delivered across Marketing Pro, FR/Aspire, and Autopilot
- Data Visualization: Funnel and gauge chart completed
- DTE: Delivered 2 roofing estimate templates and a standardized version for all
- Delivered AI-generated illustrations and UI language for PE Sizzle Reel
- Atlas v2: Designed the first iteration of Atlas v2 for the Company All Hands, establishing the visual language for the next iteration of ServiceTitan
- Polished the visual design of FMA calendar cards, making them more accessible and connecting the mental model between dispatch and FMA
- Delivered 3 illustrations, 8 onboarding badges and standardized 4 icons
- Completed 68 email templates and 110 direct mail templates Marketing Pro, FR/Aspire, and Autopilot
FY26 Highlights
- Table component released → Long-awaited DataTable with empty states, cell error states, and formatting options for dates, times, and numbers
- Anvil2 2.0 release completed → Communicated and released with 0 regressions
- Documentation tooling modernized → Anvil2 docs MCP launched, AI writing assistant enabled and contribution workflow improved for faster content updates
- Accessibility improvements shipped → Keyboard navigation ensured across components and tooltip accessibility on form controls validated
- Testing infrastructure expanded → BrowserStack mobile testing implemented and unit test coverage increased to 80% target
- Design system foundations strengthened → Design principles documented, token guidance published, and Tier 3 tokens added for Button and Switch components