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

Components

Our design system components provide consistent, accessible building blocks for creating intuitive user interfaces, each designed with flexibility and usability in mind.

Breadcrumb trail

  • Brand and Experience
  • Experience Portal
  • UCL design system

Faculty menu

  • Current page: Components
    • Accordion
    • Alert
    • Avatar
    • Blanket
    • Breadcrumbs
    • Buttons
    • Checkboxes
    • Date picker
    • Dialog
    • Dropdown
    • Footer
    • Radio buttons
    • Text area
    • Text input
    • Toggle

Our component library

Components form the foundation of our design system, offering reusable patterns that solve common interface problems. By standardising these elements, we ensure consistency across our products while reducing development time and cognitive load for our users.

Each component has been carefully crafted to balance form and function. They support various states, responsive behaviours, and accessibility requirements to create seamless experiences across devices. By using these pre-built components, you can focus on solving unique product challenges rather than reinventing basic interface elements.

Can't find what you need?

Don't worry, there's more on the way. See the roadmap to find out about upcoming releases.

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