Packs

Browse our collection of Seed Packs!

We've found 61 packs
Pack type:
Sort by:
  • Alert

    Component that provides contextual feedback for actions. Includes support for a variation of states.

    Component
    seed-alert
    alertstatus
  • Avatar

    Component that stylizes images for use as avatars. Includes support for a variation of sizes and styles.

    Component
    seed-avatar
    avatarimage
  • Badge

    Component that helps indicate status. Includes support for a variation of states.

    Component
    seed-badge
    badgecountlabel
  • Base

    Low-level styles that target base elements and selectors.

    Base
    seed-base
    basehtmltypographyheadingparagraph
  • Bootstrap Fade

    Fade utility class abstracted from Bootstrap

    Utility
    seed-bootstrap-fade
    animationbootstrapfade
  • Border

    Thematic classes to adjust border styles.

    Theme
    seed-border
    borderradius
  • Breakpoints

    A collection of mixins that work with CSS media queries.

    Mixin
    seed-breakpoints
    breakpointmediamixinqueryresponsive
  • Button

    Component for user-actions. Includes support for a variation of sizes, styles, and states.

    Component
    seed-button
    btnbuttonformlink
  • Card

    Component that provides a flexible UI container. Includes support for a variation of sizes.

    Component
    seed-card
    blockcardcontainerpanelwrapper
  • Centralize

    Vertically and horizontally alignment elements.

    Utility
    seed-centralize
    aligncentermiddlevertical
  • Color scheme

    A mixin that defines and manages a Sass color scheme configuration.

    Mixin
    seed-color-scheme
    colormixinschemesystemvariable
  • Color scheme (Help Scout)

    A color scheme configuration based on Help Scout's color palette.

    Config
    seed-color-scheme-helpscout
    brandcolor schemeconfighelp scout
  • Colors (Help Scout)

    Thematic classes to adjust background and text colors – based on the Help Scout color scheme.

    Theme
    seed-helpscout-theme
    helpscoutcolorthemebgtexttxfontcolor
  • Control

    A configuration of sizes for controls, such as inputs and buttons.

    Config
    seed-control
    configcontrol
  • Control group

    Object classes that align and group form-based elements together.

    Object
    seed-control-group
    btn-groupcontrolgroupbtnbutton groupsegment
  • Dash

    Functions that get, set, and extend Sass maps.

    Function
    seed-dash
    arraydashdeepdeep extendextendfunctionfunctionalgethelperlibrarylistlodashmapmapssetunderscoreutil
  • Display

    Utility classes that adjust the display styles of elements.

    Utility
    seed-display
    blockdisplayhiddenhideinlineinline-blockinlineblockresponsive
  • Dot nav

    Component used for navigation or progression represented with series of dots. Includes support for a variation of sizes and styles.

    Component
    seed-dot-nav
    dotdotnavdot navnavprogress
  • Component to encapsulate multiple user-actions . Includes support for a variation of sizes, styles, and states.

    Component
    seed-dropdown
    bootstrapdropdownselect
  • Family

    Mixins that enable manipulation of parent or sibling selectors.

    Mixin
    seed-family
    familyparentselectorsibling
  • Flexy

    Object classes that uses flexbox to intelligently align items together.

    Object
    seed-flexy
    alignalignmentflexflexboxflexyfloatpullvertical
  • Floats

    Utility classes that provide floating and clearfixing styles to elements.

    Utility
    seed-floats
    clearclearfixfloatlayoutleftpullright
  • Form group

    Component that groups form elements like labels and inputs within a web form.

    Component
    seed-form-group
    controlfieldsetformform groupformgroupinput
  • Grid system

    Object classes that provide grid structure.

    Object
    seed-grid
    colcolumncontainergridlayoutresponsiverow
  • Horizontal rule

    Component that provides styling for a horizontal line.

    Component
    seed-hr
    borderdividedividerhorizontalhrrule
  • Inline

    Object classes that properly adjacent align elements together.

    Object
    seed-inline
    inlinelist
  • Input

    Component for user-input. Includes support for a variation of sizes and states.

    Component
    seed-input
    controlfieldformformcontrolinputselecttextarea
  • Input addons

    Components to provide additional context for form inputs. Includes support for a variation of sizes.

    Component
    seed-input-addons
    add-onaddonaddonsappendcontrolformformcontrolinputprependstatic
  • Component that provides styling for links.

    Component
    seed-link
    anchorlink
  • List

    Component that provides styling for a lists.

    Component
    seed-list
    bulletlistnumbernumberedorderedunorderedunstyleunstyled
  • Component that provides styling for modals. This component uses Bootstrap's Javascript to handle the interactions.

    Component
    seed-modal
    bootstrapmodaloverlay
  • Component used for navigation represented with a list of links. Includes support for a variation of sizes and styles.

    Component
    seed-nav
    navnavigationstacktabtabnavnavtabnavtabstabs
  • Component used for the main header navigation, with support for links and dropdowns, optimized for multiple device sizes

    Component
    seed-navbar
    navbarnavigationnavcollapsenav barbarheader
  • Opacity

    Utility classes that adjust the opacity value of elements.

    Utility
    seed-opacity
    opacitytransparencytransparentvisibility
  • Option card

    Component that enhances the UI of an input checkbox or radio.

    Component
    seed-option-card
    cardcheckcheckboxoptionoptionsradioselecttile
  • Overflow

    Utility classes that adjust the overflow styles of elements.

    Utility
    seed-overflow
    hiddenoverflowscroll
  • Pagination

    Component used for paginated navigation represented with a list of numbered links. Includes support for a variation of sizes and styles.

    Component
    seed-pagination
    navpaginationpager
  • Popover

    Component that provides styling for popovers. This component uses Bootstrap's Javascript to handle the interactions.

    Component
    seed-popover
    bootstrappopovertooltip
  • Position

    Utility classes that adjust the position styles of elements.

    Utility
    seed-position
    absolutefixedpositionrelative
  • Progress bar

    Component that provides a progress feedback. Includes support for a variation of sizes.

    Component
    seed-progress-bar
    barfeedbackloadingprogressprogressbarstatus
  • Props

    A function/mixin combo that provides callback-like functionality with Sass maps.

    Mixin
    seed-props
    argumentarraycallbackfunctionmapsmixinobjectproppropsvariable
  • Publish

    Mixin that acts as an include guard, preventing undesired duplication of compiled CSS styles.

    Mixin
    seed-publish
    excludeexportguardheaderimportoncepublish
  • Reset

    Normalizes HTML element styles to ensure better consistency and adherence to modern standards.

    Base
    seed-reset
    basecleannormalnormalizerebootreset
  • Responsive wrapper

    Object class that provides horizontal scrolling when overflow occurs.

    Object
    seed-responsive-wrapper
    containerresponsiveoverflowscrollscrollbarwrapper
  • Shadow

    Thematic classes to adjust box-shadow styles.

    Theme
    seed-shadow
    animateboxbox-shadowboxshadowdrophovershadow
  • Spacing

    Utility classes that provide a range of margin and padding adjustment styles.

    Utility
    seed-spacing
    layoutmarginmrgpadpaddingspacespacing
  • States

    A configuration of styles for states, such as error or success.

    Config
    seed-states
    configstatesstate
  • Switch

    Component that provides a switch-like appearance for checkbox or radio form elements.

    Component
    seed-switch
    checkcheckboxinputswitch
  • Table

    Component that stylizes tables. Includes support for a variation of sizes and styles.

    Component
    seed-table
    datarowtabletbodythread
  • This

    A function that reliably gets the current working selector.

    Function
    seed-this
    currentfunctionrootscopeselectorthisvariable
  • Thumbnail

    Component that stylizes images for use as thumbnails. Includes support for a variation of sizes and styles.

    Component
    seed-thumbnail
    16:9featuredfeaturedimageimageimgportraitsquarethumbthumbnail
  • Tooltip

    Component that provides styling for tooltips. This component uses Bootstrap's Javascript to handle the interactions.

    Component
    seed-tooltip
    bootstraptooltip
  • Typography

    A collection of typography based styles.

    Text
    seed-typography
    boldfontheadersizesizesizingtexttxtypetypographyweight
  • Vertical Align

    Utility classes that adjust the vertical alignment of inline elements.

    Utility
    seed-vertical-align
    aligncenterinlinemiddletextvertical
  • Video

    Component that provides responsive behavior to video embeds.

    Component
    seed-video
    embediframeobjectvideowistiayoutube
  • Visibility

    Utility classes that adjust the visibility styles of elements.

    Utility
    seed-visibility
    invisiblevisibility
  • Width

    Utility classes that provide a range of width (%) sizes.

    Utility
    seed-width
    width
  • Width (Fixed)

    Utility classes that provide a range of fixed width (px) sizes.

    Utility
    seed-width-fx
    fixedfixedwidthfxpixelpxwidth
  • Width (Max)

    Utility classes that provide a range of max width (%) sizes.

    Utility
    seed-width-max
    maxmaxwidthwidth
  • Width (Min)

    Utility classes that provide a range of min width (%) sizes.

    Utility
    seed-width-min
    minminwidthwidth
  • Z-Index

    Utility classes that provide a range of z-index values.

    Utility
    seed-zi
    layerzz-indexzindex