Open Props
مجموعهای از متغیرهای آمادهٔ CSS برای رنگ، سایه، اندازه، تایپوگرافی، شتابدهی و انیمیشن. فریمورک نیست؛ فقط توکنهای طراحی میدهد تا سامانهٔ ظاهری خودتان را سریع بسازید. با هر فریمورک دیگری یا با CSS خالص کنار میآید.
معرفی محصول
ساختن یک سامانهٔ طراحی از صفر یعنی تصمیم گرفتن دربارهٔ دهها مقدار: مقیاس فاصلهها، پلههای رنگ، شعاع گوشهها. Open Props این تصمیمها را از پیش گرفته و همه را به شکل متغیر CSS آماده در اختیار میگذارد.
کاربرد اصلی
فایل را وارد میکنید و از متغیرها مستقیم در CSS خودتان استفاده میکنید. هیچ کلاسی تحمیل نمیشود، پس با هر فریمورک دیگری یا با CSS خالص کنار میآید.
مناسب چه کسانی است
برای توسعهدهندهای که CSS خودش را مینویسد ولی نمیخواهد وقتش را صرف انتخاب مقیاس و پالت کند. اگر دنبال کامپوننت آماده هستید، این ابزار آن را نمیدهد.
مزایا
میتوانید فقط زیرمجموعهٔ موردنیاز را وارد کنید تا حجم کم بماند. چون خروجی متغیر CSS استاندارد است، به هیچ فرایند ساختی وابسته نیست و در مرورگر مستقیم کار میکند.
اطلاعات فنی
- سازنده: Adam Argyle
- لایسنس: MIT
- پیشنیاز: مرورگر مدرن با پشتیبانی متغیرهای CSS
لایسنس و اجازهٔ استفاده
این محصول تحت لایسنس MIT منتشر شده است؛ یعنی استفادهٔ رایگان، تغییر و استفادهٔ تجاری طبق شرایط همان لایسنس مجاز است. پیش از استفاده در پروژهٔ تجاری، متن کامل لایسنس را در منبع رسمی ببینید.
منبع رسمی
زوانو این فایل را بازنشر نمیکند؛ دانلود مستقیماً از منبع رسمی سازنده انجام میشود تا همیشه آخرین نسخهٔ اصلی و دستنخورده را بگیرید.
- وبسایت رسمی: https://open-props.style/
- مخزن کد: https://github.com/argyleink/open-props
- مستندات: https://open-props.style/
�
تنباز و رایگان
لایسنس MIT
توکنهای آ�
اده
رنگ، فاصله، اندازه و شعاع گوشه
�
تغیر CSS استاندارد
بدون نیاز به فرایند ساخت
وارد کردن انتخابی
فقط دستههای �
وردنیاز
انی�
یشن و شتابدهی
�
نحنیهای آ�
ادهٔ حرکت
سازگار با هر فری�
ورک
تح�
یل نکردن کلاس یا ساختار
پشتیبانی از حالت تیره
پلههای رنگ آ�
ادهٔ دو حالت
- فایل CSS را از سایت رسمی وارد کنید یا با npm نصب کنید.
- برای کم کردن حجم، فقط دستههای موردنیاز مانند رنگ یا اندازه را وارد کنید.
- در سبکهای خودتان از متغیرها استفاده کنید.
- برای برند خودتان، متغیرها را در ریشه بازنویسی کنید.
هنوز دیدگاهی ثبت نشده است
اولین کسی باشید که تجربهاش را از این محصول مینویسد.
محصولات مرتبط
daisyUI
کتابخانهٔ کامپوننت برای Tailwind CSS. کلاسهای کوتاه و معنایی مثل دکمه و کارت را اضافه میکند تا نشانهگذاری شلوغ نشود، ولی هر جا لازم شد میتوانید با کلاسهای Tailwind بازنویسی کنید.
Normalize.css
یک فایل CSS کوچک که تفاوتهای پیشفرض مرورگرها را یکسان میکند. برخلاف بازنشانیهای کامل، سبکهای مفید را نگه میدارد و فقط ناهماهنگیها را برطرف میکند. پیش از سبکهای خودتان بارگذاری میشود و نقطهٔ شروع را یکسان میکند.
Bootstrap
شناختهشدهترین فریمورک CSS جهان. شبکهٔ واکنشگرا، کامپوننتهای آماده و ابزارهای کمکی را در یک بسته میدهد و از نسخهٔ ۵ پشتیبانی راستبهچپ در خودش تعبیه شده است. مستندات کامل و جامعهٔ بزرگش عیبیابی را ساده میکند.
Tailwind CSS
فریمورک CSS مبتنی بر کلاسهای کاربردی. بهجای کامپوننت آماده، قطعههای کوچک سبکدهی میدهد و شما ظاهر دلخواه را مستقیم در نشانهگذاری میسازید؛ خروجی نهایی فقط شامل کلاسهای استفادهشده است. طراحی اختصاصی بدون جنگیدن با سبکهای از پیش تعیینشده ممکن میشود.