# Panda CSS

Сучасна CSS-in-JS бібліотека, що забезпечує широкі можливості стилізації, статичну генерацію та типобезпеку.

[Website](https://panda-css.com) [GitHub](https://github.com/chakra-ui/panda) [npm](https://npmjs.com/package/@pandacss/dev)

Ця інноваційна бібліотека стилізації використовує принципи CSS-in-JS, даючи змогу генерувати стилі під час збирання для оптимальної продуктивності. Panda CSS створено для зручної роботи розробників: вона підтримує типобезпечні стилі, кілька варіантів компонентів і сумісність із серверними компонентами.

В основі Panda CSS — здатність генерувати сучасний код CSS із використанням передових можливостей CSS, як-от каскадні шари та змінні CSS. Бібліотека підтримує токени дизайну, тож розробники можуть ефективно визначати базові та семантичні токени.

Panda CSS орієнтована на просте опанування та зручність розробки, даючи змогу створювати стилі компонентів за допомогою утилітних функцій і рецептів. Бібліотека легко інтегрується з популярними фреймворками JavaScript, тож підходить для різних проєктів.

Офіційний курс Panda Mastery допоможе опанувати практичне застосування бібліотеки та впевнено створювати узгоджені дизайн-системи.

## Можливості

- CSS-in-JS
- Генерація стилів під час збирання
- Сумісність із RSC
- Підтримка кількох варіантів
- Типобезпечні стилі
- Підтримка токенів дизайну
- Зручні рецепти

## Деталі

**Зірки GitHub**

5.3K

**Завантаження з npm**

76.8K/тиждень

**Остання версія**

0.48.0

**Створено**

Jul 27, 2022

**Оновлено**

Dec 6, 2024

**Ліцензія**

MIT License

Ваша реклама тут?

[Напишіть нам електронною поштою](mailto:hi@dennn.is?subject=%D0%A0%D0%B5%D0%BA%D0%BB%D0%B0%D0%BC%D0%B0%20%D0%BD%D0%B0%20KickstartUI)

[Реклама Набір плагінів для роботи з агентами для WordPress.](https://sleekwp.com/?ref=kickstartui)

## Пов’язані матеріали

### [Corset](https://kickstartui.com/uk/details/corset/)

Доповнюйте HTML реактивним підходом, що пов’язує його з JavaScript без зайвих складнощів.

**Зірки GitHub**

277

**Оновлено**

Nov 16, 2024

**Ліцензія**

BSD 2-Clause "Simplified" License

### [Nue](https://kickstartui.com/uk/details/nuejs/)

Ця інноваційна платформа змінює підхід до створення досвіду користувачів, інтуїтивно поєднуючи дизайн і розробку, щоб розробники могли зосередитися на створенні виняткового досвіду без звичних додаткових труднощів.

**Зірки GitHub**

34

**Оновлено**

May 27, 2022

**Ліцензія**

MIT License

### [usehooks-ts](https://kickstartui.com/uk/details/usehooks-ts/)

Колекція хуків React, що спрощує розробку завдяки готовим рішенням, суворій типізації та ефективній роботі застосунків.

**Зірки GitHub**

6.6K

**Оновлено**

Dec 6, 2024

**Ліцензія**

MIT License

### [Alpine.js](https://kickstartui.com/uk/details/alpinejs/)

Надійний мінімалістичний фреймворк для додавання поведінки безпосередньо в розмітку.

**Зірки GitHub**

28.5K

**Оновлено**

Dec 6, 2024

**Ліцензія**

MIT License

### [Angular](https://kickstartui.com/uk/details/angular/)

Цей фреймворк пропонує надійне рішення для створення динамічних і масштабованих вебзастосунків. Його широкі можливості задовольнять потреби розробників, яким потрібен гнучкий, але структурований підхід до розробки застосунків.

**Зірки GitHub**

96.4K

**Оновлено**

Dec 6, 2024

**Ліцензія**

MIT License

### [Astro](https://kickstartui.com/uk/details/astro/)

Цей вебфреймворк призначений для розробників, які хочуть створювати швидкі сайти, орієнтовані на контент, із мінімальними накладними витратами та максимальною продуктивністю.

**Зірки GitHub**

47.4K

**Оновлено**

Dec 6, 2024

**Ліцензія**

Other

### [dndkit](https://kickstartui.com/uk/details/dndkit/)

Набір інструментів, який дає змогу легко додавати функцію перетягування до застосунків React.

**Зірки GitHub**

13.3K

**Оновлено**

Dec 6, 2024

**Ліцензія**

MIT License

### [Docusaurus](https://kickstartui.com/uk/details/docusaurus/)

Проєкт для простого створення сайтів документації, що дає змогу зосередитися на вмісті та зручності використання.

**Зірки GitHub**

57.0K

**Оновлено**

Dec 6, 2024

**Ліцензія**

MIT License