Paragon Design System

Paragon Design System

An accessible, theme-ready, and open source design system built for learning applications.

Design DocumentationFigma Library

All components (A-Z)

  • ActionRow
  • Alert
  • AlertModal
  • Annotation
  • Avatar
  • AvatarButton
  • Badge
  • Breadcrumbs
  • Bubble
  • Button
  • ButtonGroup
  • Card
  • Carousel
  • Chip
  • ChipCarousel
  • Collapsible
  • ColorPicker
  • Container
  • Data views
  • DataTable
  • Dropdown
  • Dropzone
  • Figure
  • Form
  • Form.Autosuggest
  • Form.Checkbox
  • Form.Control
  • Form.Control.Feedback
  • Form.Group
  • Form.Label
  • Form.Radio
  • Form.Switch
  • FullscreenModal
  • Hyperlink
  • Icon
  • IconButton
  • IconButtonToggle
  • Image
  • InputGroup
  • Layout
  • MailtoLink
  • MarketingModal
  • Menu
  • ModalDialog
  • ModalLayer
  • ModalPopup
  • Nav
  • Navbar
  • OverflowScroll
  • Overlay
  • PageBanner
  • Pagination
  • Popover
  • ProductTour
  • ProgressBar
  • Scrollable
  • SearchField
  • SelectMenu
  • SelectableBox
  • Sheet
  • Skeleton
  • Spinner
  • Stack
  • StandardModal
  • StatefulButton
  • Stepper
  • Sticky
  • TableControlBar
  • TableFilters
  • TableFooter
  • Tabs
  • Toast
  • Tooltip
  • TransitionReplace
  • Truncate
  • useArrowKeyNavigation
  • useIndexOfLastVisibleChild
  • useIsVisible
  • useOverflowScroll
  • useToggle
  • useWindowSize
Library status
Usage insights
Code of Conduct
Open edX
Leave feedback
Deploys by Netlify