Why use it?
- Accessibility baked in – Use pre-built components that follow WCAG standards to make experiences accessible by default.
- Keep designs consistent – Use UI elements and components from a centralised library to provide a cohesive experience across products.
- Write clean, reusable code – Reduce technical debt by working with high-quality and maintainable code.
- Build faster – Reduce time spent on developing UI elements from scratch with pre-built components.
- Collaborate effectively – Share a single source of truth with designers to implement designs accurately.
How to get started
- Understand the design principles – Get familiar with the core values that guide how we design and build.
- Explore the foundations and components – Learn about the design system, its components, and best practices.
- Use UCL's digital brand elements – Create consistent, accessible, and professional digital experiences across all platforms.
- Implement with React – Use our React components for your web applications.
React UI Kit
React is a frontend JavaScript library that helps teams build high-quality web applications quickly. At UCL, we use it for Experience Framework applications.
Our React components are maintained in a GitHub repo (requires VPN access and a GitHub account with ucl-isd organisation membership) and are imported as an npm dependency.
Our GitHub repo also includes a StoryBook where you can test React components in isolation from your application.
For implementation guides, see the Readme documentation.