Showcase Компонентів kostyl.dev
Тут ви можете побачити всі розроблені компоненти для проєкту. Всі вони підтримують macOS-стилістику та адаптивні до світлої/темної тем.
Showcase Компонентів kostyl.dev
Тут ви можете побачити всі розроблені компоненти для проєкту. Всі вони підтримують macOS-стилістику та адаптивні до світлої/темної тем.
TerminalPreview
CLI Usage (Execution)
Показуємо не код, а реальний кейс використання програми. Зверніть увагу на блимаючий курсор.
dotnet run
$ dotnet run
SUCCESS: Build completed in 1.8s.
Hello, kostyl.dev!
Current process ID: 48291
Execution finished with exit code 0.
HtmlPreview
Preview
×
🔒localhost:3000
<div class="p-8 bg-gradient-to-br from-indigo-500 to-purple-600 rounded-3xl shadow-xl text-white text-center">
<h1 class="text-3xl font-black mb-4">Привіт, Tailwind v4!</h1>
<p class="opacity-90">Цей превью використовує macOS Chrome стилістику.</p>
<button class="mt-6 px-6 py-2 bg-white text-indigo-600 font-bold rounded-full hover:scale-105 transition-transform">
Натисни мене
</button>
</div>
PremiumAlert
Порада від Майстра
Використовуйте backdrop-blur, щоб додати вашим інтерфейсам сучасного вигляду "скла". Це робить дизайн легшим та преміальнішим.
Довідка
Компонент
PremiumAlert підтримує 4 типи: tip, info, warning, danger. Кожен тип має свій колір та іконку.Увага
Завжди перевіряйте контрастність тексту на скляних фонах. Ми використовуємо напівпрозорі кольори з високим ступенем розмиття.
Критично
Ніколи не публікуйте секретні ключі (API Keys) у відкритих репозиторіях!
DebuggerView
Цей компонент імітує вікно дебагера з професійних IDE (наприклад, Visual Studio або Rider).
Locals (C#)
Filter
| Name | Type | Value |
|---|---|---|
| ◢userScore | int | 4200 |
| ◢userName | string | "Arakviel" |
| ◢isPremium | bool | true |
Running
Process: 12842
Registers / Memory (C++)
Filter
| Name | Type | Value |
|---|---|---|
| ◢pAddress | uintptr_t | 0x00007FF7BFEFF5A0 |
| ◢bufferSize | size_t | 1024 |
| ◢status | char | "K" |
Running
Process: 12842
MemoryView
Візуалізація сирих даних у пам'яті (Hex Dump). Корисно для пояснення адресації, вказівників та структур даних.
Stack Memory (x64)
Hex Dump / ASCII
0x004014A0
48895C240848896C24106B6F7374796C
0x004014B0
2064657600000000004881EC80000000
Offset: 32 bytes
Big Endian