A link is a reference to a resource. This can be external (e.g. a different web page) or internal (e.g. a specific element in the current document).
Component
Link
Other names: Anchor, Hyperlink
61 examples
Hyperlink
Auro
Alaska Airlines
- Web Components
- Sass
- Code examples
- Usage guidelines
- Open source
Link
Aurora
Government of Canada
- CSS
- Code examples
- Tone of voice
- Open source
Direction links
Australian Government Design System
- React
- Sass
- Usage guidelines
- Code examples
- Accessibility
- Open source
Call to action
Australian Government Design System
- React
- Sass
- Usage guidelines
- Code examples
- Accessibility
- Open source
Link
Backpack
Skyscanner
- Mobile
- React
- Code examples
- Usage guidelines
- Open source
- Tone of voice
Link
Barnardo’s Design System
- React
- Code examples
- Research
- Usage guidelines
- Tone of voice
- Open source
Link
Base Web
Uber
- React
- CSS-in-JS
- Code examples
- Usage guidelines
- Open source
External linking
BBC Global Experience Language
- Accessibility
- Usage guidelines
Link
Bolt Design System
Pegasystems
- Sass
- Twig
- Web Components
- Code examples
- Tone of voice
- Open source
Link
Brighton & Hove City Council Website pattern library
Link
Carbon Design System
IBM
- React
- Vanilla JS
- Angular
- Vue
- Svelte
- Code examples
- Usage guidelines
- Open source
Link
Cauldron
Deque
- jQuery
- Code examples
- Usage guidelines
- Accessibility
Link
Cedar
Recreational Equipment, Inc.
- Vue
- Usage guidelines
- Code examples
Link
Chakra UI
- React
- CSS-in-JS
- Accessibility
- Code examples
- Open source
Link
Coral
Talend
- React
- Code examples
- Tone of voice
Link
Decathlon Design System
- CSS
- React
- Svelte
- Vue
- Web Components
- Usage guidelines
- Code examples
- Accessibility
- Open source
Link
Duet Design System
LocalTapiola
- Angular
- Vue
- React
- Code examples
Link
eBay MIND Patterns
- Accessibility
- Usage guidelines
- Open source
Hyperlink
Edison Design System
General Electric
- Web Components
- Usage guidelines
- Code examples
Link
Elastic UI framework
Elastic
- React
- Sass
- Code examples
- Open source
Link
Fluent UI
Microsoft
- React
- Web Components
- Mobile
- Usage guidelines
- Code examples
- Accessibility
Text link
Forma 36
Contentful
- React
- CSS-in-JS
- Code examples
- Open source
Link
Gestalt
Pinterest
- React
- CSS
- Code examples
- Open source
Link button
giffgaff design system
- Usage guidelines
- Code examples
Link
giffgaff design system
- Usage guidelines
- Code examples
Link
Goldman Sachs Design System
- Tone of voice
- Usage guidelines
Anchor
Grommet
- React
- Code examples
- Open source
Link
GroupUI
Volkswagen Group
- Web Components
- Code examples
- Usage guidelines
Link
Instructure-UI
Instructure
- React
- CSS-in-JS
- Code examples
- Accessibility
- Open source
Link
Jøkul Designsystem
Fremtind Forsikring
- React
- Sass
- Code examples
- Usage guidelines
Link
Luna
Sainsbury’s
- React
- Sass
- Usage guidelines
- Code examples
- Tone of voice
Link
Momentum Design
Cisco
- React
- Sass
- Code examples
- Usage guidelines
- Open source
Links
Mozilla Protocol
- Handlebars
- Sass
- Usage guidelines
- Open source
Link
NewsKit
News Corp
- React
- Code examples
- Usage guidelines
Link
NextUI
- React
- CSS-in-JS
- Code examples
- Open source
Action link
NHS Digital service manual
- Nunjucks
- Code examples
- Usage guidelines
- Research
- Tone of voice
- Open source
Back link
NHS Digital service manual
- Nunjucks
- Code examples
- Usage guidelines
- Research
- Tone of voice
- Open source
Text link
Orbit
Kiwi.com
- React
- CSS-in-JS
- Usage guidelines
- Open source
- Code examples
- Tone of voice
Link
Oxygen
Repsol
- HTML
- Code examples
- Usage guidelines
Anchor
Paste
Twilio
- React
- CSS-in-JS
- Usage guidelines
- Code examples
- Tone of voice
- Accessibility
- Open source
Link
Pharos
JSTOR
- Web Components
- Sass
- Usage guidelines
- Open source
- Code examples
- Accessibility
- Tone of voice
Link
Polaris
Shopify
- React
- Code examples
- Usage guidelines
- Accessibility
- Tone of voice
- Open source
Link
Purple3
Heroku
- CSS
- Code examples
Cta Link
Ruter Components
- React
- Code examples
Text Link
Ruter Components
- React
- Code examples
Block Link
Ruter Components
- React
- Code examples
Inline link
SEB Design Library
Skandinaviska Enskilda Banken
- Sass
- React
- Angular
- Code examples
- Open source
- Usage guidelines
Link
Seeds
Sprout Social
- React
- Code examples
- Usage guidelines
- Tone of voice
Text Link
Seek style guide
- React
- Code examples
Link, CTA-Link
Solar Design System
Bulb
- Code examples
- Usage guidelines
- Research
- Tone of voice
Link
Spark Design System
Quicken Loans
- React
- Angular
- Code examples
- Usage guidelines
- Open source
Link
Spectrum
Adobe
- CSS
- Web Components
- React
- Code examples
- Usage guidelines
- Tone of voice
- Open source
Link
Stacks
Stack Overflow
- Stimulus
- Code examples
- Usage guidelines
- Tone of voice
- Open source
Link
Thumbprint
Thumbtack
- React
- Sass
- Code examples
- Open source
Anchor link
uStyle
uSwitch
- Sass
- Tone of voice
- Code examples
- Usage guidelines
- Open source
Link
Vercel Design
- React
- Code examples
Link
W3C design system
- Sass
- Vanilla JS
- Code examples
- Usage guidelines
- Open source
- Accessibility
Links
West Midlands Network Design System
- HTML
- Nunjucks
- Sass
- Code examples
- Usage guidelines
- Open source