ui - GitLite

KO | EN

gitlite — search

#python #react #go #golang #deep-learning #nodejs #windows #awesome #cli #awesome-list #vue #pytorch #openai #open-source

ui

(★ 75)

freeCodeCamp's UI Component Library

ui Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

freeCodeCamp's component library is a collection of reusable React components that can be used in your projects. The components are built with accessibility in mind and are designed to be easy to use and customize.

## Installation

- Run the following command to install the library:

```bash
pnpm install @freecodecamp/ui
```

- Import the library's base stylesheet into your app:

```tsx
// app.tsx
import "@freecodecamp/ui/dist/base.css";
import "./my-app.css"; // Your custom stylesheet should be imported after, in order to override the base.
```

- Use the `getThemingClass` util to get a CSS class for theming, and add the class to the `body` element:

```tsx
import { getThemingClass } from "@freecodecamp/ui";

const MyApp = () => {
	const cls = getThemingClass();

return <body className={cls}></body>;
};
```

## Docs

To see the components in action, check out the [Storybook](https://freecodecamp.github.io/ui/).

ui

ui Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

ui

ui Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README