Skip to content
Indiana University Logo
Rivet Design System
  • Components Add-ons Content guide Migration guide
  • What is Rivet? Blog Changelog
  1. May 4, 2022

    Rivet 2.0.0-beta.4 release

    The fourth Rivet 2 beta release introduces design updates to several components and a new responsive table wrapper element.

  2. March 30, 2022

    Rivet 2.0.0-beta.3 release

    The third Rivet 2 beta release updates accordion, badge, and button styles.

  3. February 9, 2022

    Rivet 2.0.0-beta.2 release

    The latest Rivet 2 beta release introduces the link hub component, adds new utility classes, and refactors component JavaScript.

More posts Get updates in your inbox
Install via NPM Download CSS & JS Hosted assets
Navigation
    • Components
    • Add-ons
    • Content guide
    • What is Rivet?
    • Blog
    • Roadmap
    • Changelog
  • Use Rivet
Resources
  • User Experience Office
  • Accessibility Evaluations
  • Rivet Software Design System
  • IU Framework for WCMS
Rivet 1 has been retired and will no longer receive updates. The v1 source code has been archived here. Please migrate to Rivet 2 as soon as possible.

Rivet

Rivet is a focused set of front end UI components, as well as a place for documenting good UX, accessibility, and design practices. It serves as a developer’s guide for when and how to use certain patterns and how to implement them in an accessible way.

  • Should I use it?
  • Why did we build it?
  • Who supports it?
  • How do we develop it?

Should I use Rivet?

Is Rivet right for your project? Or should you use the IU Framework?

Use Rivet for:

  • Internal-facing web applications consisting of dynamic, user-generated content
  • Enterprise systems used by large parts of the IU community and requiring IU Login authentication
  • Task-focused applications technically separate from your department or organization’s website

Use the IU Framework for:

  • Department and organization websites
  • Websites with mostly static text content
  • External-facing marketing or campaign websites
  • News websites and blogs
  • Contact forms contained in any of the above
Illustration showing five web application screens stacked on top of one another

Why did we build Rivet?

We recognized that the lack of standard design patterns in software development led to disjointed user experiences. A design system contains assets developers can use to create patterns across software titles. It also gathers input from designers and developers university-wide to solve problems and suggest solutions. Rivet’s single source of assets makes it easier to work on and maintain projects.

Who supports Rivet?

IU’s Digital Campus Design & Infrastructure group is home to Rivet’s support team. They’re working to respond and quickly adapt Rivet as the IT landscape evolves. The Rivet team knows developers need guidance and support, and they’re making sure to meet those needs.

Rivet team

Jenn Mansell
Jenn Mansell
User Interface Designer
Levi McGranahan
Levi McGranahan
Design System Lead
Scott Anthony Murray
Scott Anthony Murray
Developer Advocate
  • Accessibility
  • Privacy Notice
  • Copyright © The Trustees of Indiana University