Persian-UI is a powerful Tailwind CSS plugin designed specifically for building modern Persian (Farsi) web interfaces with ease. It provides a set of utilities and components that are optimized for RTL layouts and Persian typography, making it easier to create beautiful and consistent designs.
- RTL Support: Built-in support for right-to-left (RTL) layouts, perfect for Persian language websites.
- Custom Typography: Tailored Persian fonts and typography settings to give your site a beautiful and unique look.
- Pre-designed Components: A set of responsive, customizable components like buttons, cards, and forms that match Persian design aesthetics.
- Color Palettes: Special Persian-inspired color schemes that fit perfectly with your projects.
Install the persian-ui
package via NPM:
npm install persian-ui --save-dev
Add persian-ui
to your Tailwind configuration:
// tailwind.config.js
module.exports = {
plugins: [
require("persian-ui")
// other plugins...
],
}
Then, make sure to include the Tailwind CSS directives in your main stylesheet:
@tailwind base;
@tailwind components;
@tailwind utilities;
You can customize your application theme:
// tailwind.config.js
module.exports = {
plugins: [require("persian-ui")],
"persian-ui": {
darkMode: "class", // "class" or "auto"
themes: {
light: {
"brand": "#1685C5",
},
dark: {
"brand": "#092C44",
},
},
},
};
Start building your Persian interfaces using our utility classes and components:
<h1 class="text-heading1 underline">
سلام، این یک متن نمونه است!
</h1>
Check out the full documentation for detailed information on all the available utilities, components, and customization options.
We welcome contributions! If you want to help improve Persian-UI, please check out our Contributing Guide to get started.
Persian-UI is open-source software licensed under the MIT License.