https://github.com/pr4j3sh/ui
frames ui styles
https://github.com/pr4j3sh/ui
frames tailwindcss ui
Last synced: 10 months ago
JSON representation
frames ui styles
- Host: GitHub
- URL: https://github.com/pr4j3sh/ui
- Owner: pr4j3sh
- License: mit
- Created: 2024-11-09T20:01:15.000Z (about 1 year ago)
- Default Branch: master
- Last Pushed: 2025-02-24T11:25:45.000Z (11 months ago)
- Last Synced: 2025-02-24T12:33:34.866Z (11 months ago)
- Topics: frames, tailwindcss, ui
- Language: CSS
- Homepage: https://pr4j3sh.github.io/ui/
- Size: 181 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md
Awesome Lists containing this project
README
# UI
This is the official UI of Frames. Pre-defined `CSS` styles for `HTML` tags, with a few custom classes and light/dark themes.
## Usage
### Use the styles in your website
Add the following `link` tag in the `` of your `HTML` file:
```html
```
### Import the styles in your CSS file
Add this `@import` statement to your CSS file:
```css
@import url("https://pr4j3sh.github.io/ui/style.css");
```
### Download the styles using `curl`
Run the following command to download the stylesheet:
```bash
curl -o style.css https://pr4j3sh.github.io/ui/style.css
```
### Download the styles using `wget`
Run the following command:
```bash
wget -O style.css https://pr4j3sh.github.io/ui/style.css
```
Then, include `style.css` in the `` of your `HTML` file:
```html
```
### Import the file in a React app
Add the following import in your React file:
```javascript
import "./style.css";
```
## Templates
Try one of Frames' [templates](https://github.com/pr4j3sh/frames).
## Read More
- [Tailwind CSS Documentation](https://tailwindcss.com/docs/utility-first)
- [@pr4j3sh/frames GitHub Repository](https://github.com/pr4j3sh/frames)