USWDS 11ty Template Build accessible government websites faster
A production-ready template combining 11ty and the U.S. Web Design System. Create Section 508 compliant, mobile-friendly government websites in minutes, not months.
Start Building → View Demo SitesWhat is this template?
Perfect for: Federal agencies, state/local governments, and contractors building government websites that must meet accessibility and compliance requirements.
This open-source template provides a complete foundation for building modern government websites that automatically meet federal standards. It combines the power of 11ty static site generator with the U.S. Web Design System (USWDS) to deliver fast, secure, and accessible websites.
Get Started in 5 Minutes
Clone, install, and deploy. Your compliant website foundation is ready immediately.
Federal Compliance Built-In
Section 508, WCAG 2.1 AA, and 21st Century IDEA requirements are met out of the box.
Trusted by Government
Built on USWDS, the same design system used by 200+ federal websites.
Quick Start for Developers
# 1. Clone the template
git clone https://github.com/your-org/uswds-11ty-template.git my-website
cd my-website
# 2. Install dependencies
npm install
# 3. Start development server
npm start
# Opens at http://localhost:8080
# 4. Build for production
npm run build
# 5. Deploy to GitHub Pages (optional)
npm run deploy
That’s it!
You now have a fully compliant government website foundation. Start adding your content in the src/pages directory.
See It In Action
🎯 Live Demo Sites
Explore fully-functional example websites built with this template:
- Federal Agency Homepage - Complete agency website with services, news, and resources
- Services Portal - Citizen services with forms and applications
- Data Dashboard - Performance metrics and transparency reporting
- Forms Showcase - Accessible form patterns and validation
- News & Updates - Press releases and public notices
- Component Library - All USWDS components with examples
Why Use This Template?
✅ Everything You Need
- Section 508 Compliant - WCAG 2.1 AA accessibility built into every component
- Mobile Responsive - Works perfectly on all devices and screen sizes
- SEO Optimized - Static HTML generation for superior search rankings
- Lightning Fast - No databases, no server processing, just instant loading
- Secure by Default - No server vulnerabilities, no databases to hack
- Version Controlled - Full Git history and rollback capabilities
🛠️ Developer Friendly
- Modern Build Tools - 11ty, Sass, PostCSS, and npm scripts
- Hot Reload - See changes instantly during development
- Markdown Support - Write content in plain text with Markdown
- Component Based - Reusable templates and partials
- GitHub Actions Ready - Automated testing and deployment
- Extensive Documentation - Clear guides for every feature
Federal Compliance Checklist
This template helps you meet:
Next Steps
Get Started
Set up your development environment and create your first page in minutes.
Learn Components
Explore all available USWDS components with live examples and code.
Best Practices
Learn federal web standards, accessibility requirements, and compliance tips.
Ready to build your compliant government website?
Get Started Now →