BenDay
Анімований індикатор завантаження з вашого логотипа: 21 ефект із крапок, Playground і React-компонент із відкритим кодом.
Ресурси
Знаходьте корисне. Збирайте своє. Діліться знахідками.
Інструменти 17
Stitch
Інструмент Google Labs для створення інтерфейсів сайтів і застосунків за текстовим описом або зображенням, з експортом у Figma та HTML/CSS.
SVGOMG: оптимізація SVG-файлів
Безкоштовний браузерний інтерфейс для SVGO: очищення SVG-коду, зменшення файлів, точні налаштування та порівняння результату.
Squoosh: стискання зображень у браузері
Безкоштовний інструмент для стискання, зміни розміру та конвертації зображень із порівнянням якості й локальною обробкою файлів.
Neumorphism.io: генератор CSS-тіней для Soft UI
Безкоштовний генератор неоморфних поверхонь із налаштуванням кольору, форми, тіней та копіюванням CSS.
Glass3D — генератор скляних CSS-ефектів
Налаштовуйте розмиття, колір і текстуру скляних елементів інтерфейсу та копіюйте готовий CSS.
Gradient Lab від Backgrounds Supply — генератор градієнтних фонів
Безкоштовний браузерний редактор градієнтних фонів із шейдерними режимами, налаштуванням палітри та експортом зображень і відео.
ColorFlow — редактор mesh-градієнтів
Редактор кольорових mesh-градієнтів із контрольними точками, ефектами, пресетами та опціями експорту зображень і відео.
Cursor Lab — налаштування курсорів для вебсайтів
Безкоштовна майстерня з 28 курсорами для вебсайтів, живим налаштуванням параметрів і копіюванням коду JavaScript, React та CSS.
UX Pilot Gradient Generator – градієнти та фактурні фони
Браузерна студія градієнтів із налаштуванням кольорів, фактури й руху та переглядом результату в макетах інтерфейсів.
ShaderGradient — генератор анімованих 3D-градієнтів для сайтів і Figma
Безкоштовний open-source інструмент для створення плавних анімованих 3D-градієнтів із візуальним редактором, Figma та Framer-інтеграціями й готовими пакетами для React і Vue.
Product Hunt — платформа для пошуку нових цифрових продуктів і сервісів
Спільнота для відкриття нових застосунків, AI-сервісів, дизайн-інструментів, SaaS-продуктів і технологічних стартапів із щоденними рейтингами та відгуками.
Pattern Monster — генератор безшовних SVG-патернів
Безкоштовна бібліотека з 320+ безшовних патернів із налаштуванням кольорів, товщини ліній та кута, копіюванням CSS/SVG і експортом у SVG або PNG.
Gradihunt — генератор мільйонів автоматично створених градієнтів
Безкоштовний генератор CSS-градієнтів із мільйонами автоматично створених варіантів, фільтрами та швидким копіюванням готового коду.
Gradient Hunt — тисячі безкоштовних градієнтів для дизайнерів
Кураторська колекція тисяч трендових градієнтів із CSS-кодом, розділами Linear, Radial, Popular і Random та можливістю створювати й зберігати власні варіанти.
fffuel — безкоштовні SVG-генератори та дизайн-інструменти
Колекція з 60+ безкоштовних інструментів для створення SVG-фонів, градієнтів, патернів, текстур, форм і кольорових палітр прямо у браузері.
Movin Easings – редактор кривих анімації
Добірка easing-функцій із редактором cubic-bezier, переглядом руху та прикладами коду для вебанімації.