Socket
Book a DemoInstallSign in
Socket
r

rvmendoza

npm

Packages

Co-maintainers

21 packages

am-arrange

The SuitCSS arrange pattern, but in AM CSS convention

am-space

Utility classes to adjust spacing between components

base-theme

base theme -- colors, fonts, etc

leveleleven-theme

Level11 colors and fonts

@sparkdesignsystem/spark

Spark is the main package for the Spark Design System. This package contains the JavaScript and components that make up the basic interfaces for Rocket Mortgage Fintech products.

@sparkdesignsystem/spark-angular

A collection of Spark Design System components in Angular 6+

@sparkdesignsystem/spark-card

Cards present related content. They provide an easy way to get information quickly and are typically used in groups.

@sparkdesignsystem/spark-core

Spark Core is the main package for the Spark Design System. This package contains the style and components that make up the basic interfaces for Quicken Loans Fintech products.

@sparkdesignsystem/spark-core-angular

A collection of Spark Design System components in Angular 6+

@sparkdesignsystem/spark-description-table

Spark Description Table is a package that is part of Spark Extras, a supplementary package that adds additional components that are not part of Spark Core.

@sparkdesignsystem/spark-dictionary

Spark Dictionary is a component for displaying key value pairs.

@sparkdesignsystem/spark-extras

Spark Extras is a supplementary package that adds additional components that are not part of Spark Core. Many sites will use these components, but they aren't necessary for every Quicken Loans Fintech product.

@sparkdesignsystem/spark-extras-angular-award

The Award component showcases awards in a vertically stacked layout that switches to side by side on larger screens.

@sparkdesignsystem/spark-extras-angular-card

Cards present related content. They provide an easy way to get information quickly and are typically used in groups.

@sparkdesignsystem/spark-extras-angular-dictionary

This component is intended for displays of key-value pairs.

@sparkdesignsystem/spark-extras-angular-highlight-board

The Highlight Board component is used as a lead into an experience as a means to encourage engagement within the experience.

@sparkdesignsystem/spark-highlight-board

The Highlight Board component is used as a lead into an experience as a means to encourage engagement within the experience.

@sparkdesignsystem/spark-react

A collection of Spark Design System components in React 16+

@sparkdesignsystem/spark-styles

Styles for Spark Design System.

@ynab-design-system/base-theme

base theme -- colors, fonts, etc

@ynab-design-system/button

Button component for YNAB Design System