logo

Installation

Below are the two ways to use our components, use can use any of them.

1. Link in HTML

To use Pebble UI components in your project, Copy and paste the below CDN link in the '<head>' tag of your html, above all other style sheets.

or

2. Import in CSS

You can also import our css file within your existing css file. Just copy and paste below link in top of your existing css file.

Font

'Inter' is the default font for all of our components. Still, you can use any other font of your choice.

Below is the CDN for the "Roboto" font. To use it, copy and paste it in your '<head>' tag, just below our CSS CDN.

Icons

To use Icons in your component, you should first add the CDN for font awesome icons. Copy and paste the below link in the '<head>' tag of your HTML, just after pasting the above CND link. And you are done with the installation process!