Последние посты

Полезное дизайнеру
24 июл., 14:42
https://canvasui.dev/Canvas UICanvas UI: Creative Canvas, WebGL and WebGPU Component LibraryAn open source component library of creative html-in-canvas effects for React, Solid, Preact, Vue, Svelte, and vanilla JS. Every effect ships as WebGL and WebGPU (via vgpu) builds, running over live HTML.
Полезное дизайнеру
23 июл., 07:38
https://habr.com/ru/articles/1061734/
Полезное дизайнеру
16 июл., 18:11
https://commerce.design/Commerce.designE-commerce design inspiration | Commerce.designYour e-commerce inspiration feed updated every week. Browse hundreds of curated online stores sorted by industry, tech stack, colors and more.
Полезное дизайнеру
16 июл., 16:59
https://feralui.dev/feralui.devFeralUI · playful, physics-driven React elementsA small library of playful, physics-driven React elements: a ceiling pull-cord with a real Verlet rope, a claw-machine captcha, and more.
Полезное дизайнеру
12 июл., 19:25
https://text-effects.colorion.co/CSS Text EffectsCSS Text Effects — 90 pure-CSS text animations, free to copyA library of 90 animated text effects built with pure CSS — gradient, glitch, typewriter, neon, liquid fill and more. Click any effect to copy its CSS. No JavaScript, no dependencies, MIT licensed.
Полезное дизайнеру
12 июл., 19:23
https://amicro.vercel.app/
Полезное дизайнеру
12 июл., 19:18
https://namethatui.com/NameThatUINameThatUI — What Is This UI Element Called?See the UI element, learn its real name and API symbol, and copy a precise prompt for your coding agent.
Полезное дизайнеру
11 июл., 19:06
https://kinetics.colorion.co/KineticsKinetics — Spring-physics motion for web interfacesA library of spring-driven micro-interactions for web apps. Copy the CSS or React, tune the physics, ship the motion.
Полезное дизайнеру
4 июн., 18:37
https://designengineer.tools/designengineer.toolsDesign Engineer ToolsA list of useful tools for web-focused design engineers; curated by James Warner.
Полезное дизайнеру
3 апр., 08:36
https://habr.com/ru/articles/1018654/1,220Открыть в Telegram
Полезное дизайнеру
14 янв., 07:40
Image-to-video for Wan 2.6. Animate a repeating activation pulse over 5 seconds: a soft inner light ignites at the center of the button, expands outward into a glowing ring, then dissolves into the ambient glow. Immediately after, the button returns to its neutral glow state before the next pulse begins. Preserve all UI elements and typography. Perfect looping.
Полезное дизайнеру
12 янв., 10:50
https://habr.com/ru/articles/984140/1,040Открыть в Telegram
Полезное дизайнеру
10 янв., 15:56

Полезное дизайнеру
10 янв., 15:56
Новое направление в дизайне - searchralism!
Полезное дизайнеру
4 янв., 17:34
Дальше придаю ему второе дыхание: беру видео модельку WAN 2.6 и кормлю этим промптом:Image-to-video. Use the provided image as a locked background plate. Do not change camera angle, framing, or UI layout. Animate the glowing slider thumb moving smoothly from the left position toward the right end (about 80% of the track), then gently snapping back to the starting point with soft easing. The glow follows the thumb, and the reflection on the surface below shifts subtly in sync. Keep all text (“Apply Filters”, “Slare”, “Pesniter”) sharp and unchanged. No new elements, no camera motion. Seamless loop, 2.5 seconds.Готово! Я офигел – даже рефлекс от кноба синхронно “скользит” по полу.
Полезное дизайнеру
4 янв., 17:34
Зашёл как-то на Pinterest вот этот ИИ-шотик. Слайдер, светится красиво, ещё и отблеск внизу. Вроде и 3D, вроде и морфизм какой-то.И неважно, что там нижние плейсхолдеры корявИИе. Это легко замазывается, если надо.Факт: Pinterest его везде крутит, и когда ты пойдешь за вдохновением – алгоритм его тебе подсунет.А алгоритму веднее, метрики не врут. Он стал популярным.


Полезное дизайнеру
26 дек. 2025 г., 12:49
Затем беру модельку для видео генерации Wan 2.6 и приделываю к кнопке палец-нажималец с помощью промпта:Image-to-video. Keep the exact composition and background unchanged. Animate a tactile press on the green “Submit” button: it compresses slightly, then a soft ripple travels across the button surface, contained within the rounded square shape (no spill). The ripple subtly distorts specular highlights only. Shadow contracts on press and expands on release. Return to the original frame cleanly for a seamless loop. Text stays identical and readable. No camera movement.
Полезное дизайнеру
26 дек. 2025 г., 12:49
Была вот такая AI-кнопочка, сгенерирована в модели Qwen Image.Промпт: Frontal desktop interface with a clean white canvas displaying a large, sharp-cornered square button labeled "Submit". The button features 90-degree angles, thick padding, and bold black text. It uses a vibrant green gradient, inner shadow for depth, and high contrast. The visual weight makes it feel tactile and highly clickable. Center it within a card or dialog. Surrounding elements -- title, inputs, text -- are softly blurred and semi-transparent to minimize distractions. Highlight the button's size and dominant press area relative to the layout. Include visual spacing to emphasize the generous click zone.


Полезное дизайнеру
21 дек. 2025 г., 15:00
https://habr.com/ru/articles/978384/
Полезное дизайнеру
18 дек. 2025 г., 11:30
