# External CSS/JS via CDN

> How to load external CSS or JavaScript libraries via CDN in UI Maker.

Source: https://docs.apimaker.dev/v1/extensions/ui_maker/external_css_js_cdn.html

> **UI Maker is deprecated**
>
> UI Maker is kept for the projects which use it and will be removed in API Maker v4. New admin screens are better built with any frontend framework on top of the [generated APIs](https://docs.apimaker.dev/v1/docs/apis-all/overview.html).

👉 You can add external CSS & JS CDN using below method.

👉 All your code will run after that.

```typescript
export interface IDBMasterConfig {
    externalLibs: {
        js: [
            // lodash JS CDN
            'https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.21/lodash.min.js',
            
            // moment JS CDN
            'https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.30.1/moment.min.js'
        ],
        css: [
            // animate CSS CDN
            'https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css'
        ]
    };
}
```

### Inbuilt CSS Libraries
[Bootstrap Grid 5.3.3](https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.3.3/css/bootstrap-grid.min.css)

[Bootstrap Utilities 5.3.3](https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.3.3/css/bootstrap-utilities.min.css)

### Inbuilt JS Libraries
👉 Below JS libraries are inbuilt and you can also use them in your custom code.

👉 You can use their global objects.

[Papa Parse](https://cdnjs.cloudflare.com/ajax/libs/PapaParse/5.4.1/papaparse.min.js)

- Global object name : Papa

[Date-fns Date Utility](https://cdn.jsdelivr.net/npm/date-fns@3.6.0/+esm)

- Global object name : dateFns

[Date-fns Timezone Utility](https://cdn.jsdelivr.net/npm/date-fns-tz@3.1.3/+esm)

- Global object name : dateFnsTz

![Form Global Objects](https://docs.apimaker.dev/v1/extensions/img/form_global_objects.png)