https://github.com/adenin-platform/fluent-tailwind
Fluent UI theme for Shadcn UI / Tailwind v4 beta
https://github.com/adenin-platform/fluent-tailwind
fluentui shadcn-ui tailwindcss
Last synced: 2 months ago
JSON representation
Fluent UI theme for Shadcn UI / Tailwind v4 beta
- Host: GitHub
- URL: https://github.com/adenin-platform/fluent-tailwind
- Owner: adenin-platform
- License: mit
- Created: 2024-12-09T22:38:31.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-01-04T18:38:06.000Z (over 1 year ago)
- Last Synced: 2025-07-20T08:46:41.384Z (11 months ago)
- Topics: fluentui, shadcn-ui, tailwindcss
- Language: TypeScript
- Homepage: https://fluent-tailwind.pages.dev
- Size: 301 KB
- Stars: 0
- Watchers: 3
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Fluent Tailwind
**Status**: Work in Progress (WIP)
## Overview
Fluent Tailwind is a project that integrates the latest Tailwind CSS v4 beta with updated ShadCN components. The goal is to theme ShadCN components to match Microsoft Fluent UI using Fluent UI tokens and SharePoint JSON themes.
## Features
- **Tailwind CSS v4 Beta**: Leveraging the latest features and improvements from Tailwind CSS.
- **ShadCN Components**: Updated components for a modern and consistent UI.
- **Fluent UI Tokens**: Using Microsoft Fluent UI design tokens for consistent theming.
- **SharePoint JSON Themes**: Applying SharePoint JSON themes to ensure seamless integration with Microsoft environments.
## Installation
To get started with Fluent Tailwind, follow these steps:
1. Clone the repository:
```sh
git clone https://github.com/yourusername/fluent-tailwind.git
```
2. Navigate to the project directory:
```sh
cd fluent-tailwind
```
3. Install dependencies:
```sh
npm install
```
## Usage
To start the development server, run:
```sh
npm run dev
```
## Contributing
Contributions are welcome! Please open an issue or submit a pull request for any changes or improvements.
## License
This project is licensed under the MIT License. See the [LICENSE](LICENSE) file for details.
## Acknowledgements
- [Tailwind CSS](https://tailwindcss.com/)
- [ShadCN](https://shadcn.dev/)
- [Microsoft Fluent UI](https://developer.microsoft.com/en-us/fluentui)
- [SharePoint JSON Themes](https://docs.microsoft.com/en-us/sharepoint/dev/declarative-customization/site-design-json-schema)