horsemaker

Horsemaker's UI

Horsemaker's is an elegantly designed CSS Component Library integrated with pre-defined class styles for various frequently used components. Build your next UI faster ⏩ & magical ✨ with Horsemaker's UI.

Get Started

Installation

To use Horsemaker's in your UI, copy the tag below and paste it in the <head> tag of your html file, above all other style sheets.

          
  <link rel="stylesheet" href="https://horsemaker-ui.netlify.app/stylesheets/main.css" />
          
        

Components

Typography

Display text using well-defined typographic styles.

View Component

Alerts

Alerts are used to attract user's attention for important information without interrupting the user's flow.

View Component

Avatars

Avatar can be used to show a user's profile picture on profile information page, on navigation bar, in blogs grid items.

View Component

Badges

Badges are being used to display the status information or the notification count to a user.

View Component

Buttons

Buttons allow users to take actions, and make choices, with a single tap.

View Component

Cards

Cards are used to show user related data collectively.

View Component

Grids

Use grids to create sections of your viewport. Using css grid you can create way more complex layouts than with tables.

View Component

Images

Image Components are used to dsiplay images on websites.This images can be made screen responsive.

View Component

Inputs

Inputs are necessary for user interaction with the website. Inputs are used to take information from the user, and then save the data.

View Component

Lists

List is a record of short pieces of related information.

View Component

Modals

Modals are a variant of dialog used to present critical information or request user input needed to complete a user’s workflow.

View Component

Navigations

Navigation is first and most important component of any website. Without navbar user will not know which brand is it, where to look more and to connect with brand.

View Component

Ratings

Ratings are an internationally recognised symbol for quality standards.

View Component

Sliders

Sliders are used by users to search or filter something in a particular range or at a particular value.

View Component

Snackbars

Display an important message globally.

View Component