Skip to main content
Navigate back to homepage
Open search bar.
Open main navigation menu

Main navigation

  • Study
    UCL Portico statue
    Study at UCL

    Being a student at UCL is about so much more than just acquiring knowledge. Studying here gives you the opportunity to realise your potential as an individual, and the skills and tools to thrive.

    • Undergraduate courses
    • Graduate courses
    • Short courses
    • Study abroad
    • Centre for Languages & International Education
  • Research
    Tree-of-Life-MehmetDavrandi-UCL-EastmanDentalInstitute-042_2017-18-800x500-withborder (1)
    Research at UCL

    Find out more about what makes UCL research world-leading, how to access UCL expertise, and teams in the Office of the Vice-Provost (Research, Innovation and Global Engagement).

    • Engage with us
    • Explore our Research
    • Initiatives and networks
    • Research news
  • Engage
    UCL Print room
    Engage with UCL

    Discover the many ways you can connect with UCL, and how we work with industry, government and not-for-profit organisations to tackle tough challenges.

    • Alumni
    • Business partnerships and collaboration
    • Global engagement
    • News and Media relations
    • Public Policy
    • Schools and priority groups
    • Visit us
  • About
    UCL welcome quad
    About UCL

    Founded in 1826 in the heart of London, UCL is London's leading multidisciplinary university, with more than 16,000 staff and 50,000 students from 150 different countries.

    • Who we are
    • Faculties
    • Governance
    • President and Provost
    • Strategy
  • Active parent page: Brand and Experience
    • Brand Portal
    • Active parent page: Experience Portal

For developers

Accessible, reusable code components that match design specifications. Build consistent interfaces faster, reduce technical debt, and ensure alignment with designers.

Breadcrumb trail

  • Brand and Experience
  • Experience Portal
  • UCL design system

Faculty menu

  • Discover UCL's design system
  • For designers
  • Current page: For developers
  • Foundations
  • Components
  • Digital brand resources

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

  1. Understand the design principles – Get familiar with the core values that guide how we design and build.
  2. Explore the foundations and components – Learn about the design system, its components, and best practices.
  3. Use UCL's digital brand elements – Create consistent, accessible, and professional digital experiences across all platforms.
  4. 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.

Additional resources

  • React archetype documentation
  • UCL React standards documentation

UCL footer

Visit

  • Bloomsbury Theatre and Studio
  • Library, Museums and Collections
  • UCL Maps
  • UCL Shop
  • Contact UCL

Students

  • Accommodation
  • Current Students
  • Moodle
  • Students' Union

Staff

  • Inside UCL
  • Staff Intranet
  • Work at UCL
  • Human Resources

UCL social media menu

  • Link to Soundcloud
  • Link to Flickr
  • Link to TikTok
  • Link to Youtube
  • Link to Instagram
  • Link to Facebook
  • Link to Twitter

University College London, Gower Street, London, WC1E 6BT

Tel: +44 (0) 20 7679 2000

© 2025 UCL

Essential

  • Disclaimer
  • Freedom of Information
  • Accessibility
  • Cookies
  • Privacy
  • Slavery statement
  • Log in