کدفرانتس: کتابخونهٔ رایگان کامپوننتهای CSS
فرانتاندClaude Opus 5خلاصهٔ کاملتر
کدفرانتس خودش رو با شعار «کپی کن، شخصیسازی کن، منتشر کن» معرفی میکنه: آرشیوی از کامپوننتهای CSS که دستی کدنویسی شدن و قراره تو هر عرضی درست کار کنن. الان ۱۱۸ مجموعه و ۲۲۴۶ دمو داره و همهش با لایسنس MIT منتشر شده.
تیم سازنده میگه دموها آمادهٔ استفاده تو پروژهٔ واقعیان: از ۳۲۰ تا ۱۴۴۰ پیکسل تست شدن، با کیبورد قابل استفادهان و prefers-reduced-motion رو رعایت میکنن. کد هم وانیلا CSSه و هیچ وابستگیای نداره؛ سلکتورهای مدرن فقط جایی به کار رفتن که واقعاً ارزششو داشتن، پس تو ریاکت، ویو، اسولت یا HTML خالی یکسان جواب میده.
چیزی که این سایت رو از گالریهای مشابه جدا میکنه، ابزارهای کنارشه. هر صفحه یه دکمهٔ Copy for AI داره که مارکداون آماده برای ChatGPT، Claude و Cursor میده، یه دکمه برای باز کردن دمو تو CodePen، امکان انتخاب چند دمو و دانلودشون تو یه ZIP، و ذخیرهٔ صفحه بدون ثبتنام.
برای دستیارهای هوش مصنوعی هم فایلهای llms.txt و llms-full.txt منتشر میکنه تا مدلها بهجای حدس زدن، کد واقعی رو بردارن. دستهبندیها از layouts و navigation تا motion و snippets میره — مثلاً ۴۷ توگل و سوییچ، ۳۹ بردکرامب، ۳۲ آکاردئون و ۳۰ چیدمان گرید.
کل ابزارها ۱۰۰ درصد سمت کلاینت اجرا میشن: نه ثبتنام میخواد، نه اسکریپت ردیابی داره، نه پیوال وسط کاره.
نکات کلیدی:
- ۱۱۸ مجموعه و ۲۲۴۶ دموی CSS با لایسنس MIT
- وانیلا CSS بدون فریمورک، سازگار با ریاکت، ویو، اسولت و HTML ساده
- کپی مارکداون برای ابزارهای AI، باز کردن تو CodePen و دانلود ZIP
- انتشار llms.txt و llms-full.txt برای دستیارهای هوش مصنوعی
- بدون ثبتنام، بدون ردیابی، کاملاً سمت مرورگر
