Neumorphism.io: генератор CSS-тіней для Soft UI
Безкоштовний генератор неоморфних поверхонь із налаштуванням кольору, форми, тіней та копіюванням CSS.
Про ресурс
Superdesign перетворює текстовий опис на дизайн інтерфейсу: окремий компонент, екран застосунку або сторінку сайту. Він підходить для швидкого пошуку візуального напряму, коли потрібно порівняти кілька ідей до детального опрацювання. Варіанти розміщуються на нескінченному полотні. Можна розвивати вибраний макет, створювати його відгалуження й уточнювати результат звичайними текстовими запитами, зберігаючи попередні рішення для порівняння. Відкрита бібліотека містить промпти для лендингів, UI-компонентів, анімації та різних візуальних стилів. Їх можна переглядати й використовувати як відправну точку: змінити структуру, кольори, типографіку та зміст під свій проєкт. Це корисна безкоштовна частина ресурсу навіть без запуску генерації. Працювати можна у вебзастосунку або через інтеграцію з кодинговими агентами, зокрема Claude Code і Cursor. Такий сценарій допомагає врахувати наявний інтерфейс і дизайн-систему. Згенеровані рішення варто перевіряти на адаптивність, доступність і відповідність завданню. Сервіс працює за моделлю freemium: безкоштовний тариф дає змогу спробувати генерацію з обмеженням кредитів. Експорт коду й розширені можливості належать до платних тарифів. Точні ліміти та актуальну вартість слід перевіряти в застосунку перед початком роботи.
Використання та ліцензія
Поточний вебсервіс Superdesign не є open source. Старе відкрите IDE-розширення є окремим проєктом, який більше не підтримується; його ліцензія не визначає права на вебсервіс. Загальної відкритої ліцензії на всі матеріали бібліотеки не підтверджено. Перед комерційним використанням перевіряйте умови конкретного матеріалу й права на сторонні зображення, шрифти та код.
Перед використанням перевірте актуальні умови на сайті автора.Схожі ресурси
Cursor Lab — налаштування курсорів для вебсайтів
Безкоштовна майстерня з 28 курсорами для вебсайтів, живим налаштуванням параметрів і копіюванням коду JavaScript, React та CSS.
Movin Easings – редактор кривих анімації
Добірка easing-функцій із редактором cubic-bezier, переглядом руху та прикладами коду для вебанімації.