Страница 404
Цифры из пыли
Страница 404, где огромный код собран из тысяч пылинок: они держатся за контур цифр пружиной и разлетаются от курсора, а потом собираются обратно.
Что можно поменять
- title, density — тексты и параметры компонента: переведите и перепишите голосом бренда
- actionHref — куда ведёт выход (главная, каталог, поиск)
- accent и background — цвета под бренд; пусто — палитра по умолчанию
Ссылка для ИИ-агента: в ней превью, код и инструкция.
Превью
Использовать с ИИ
- 1. Скопируйте ссылку.
- 2. Напишите агенту своими словами и вставьте её в предложение.
- 3. Агент откроет ссылку и поставит компонент из реестра.
добавь это на главную первым экраном:
https://vibeui.ru/c/error-404-001?theme=dark
Не знаете, куда вставить? Пошаговый гайд
Показать полную инструкцию
То, что лежит по ссылке в развёрнутом виде. Нужна, если агент не может открыть ссылку — тогда вставьте этот текст целиком.
Загружается…
Для разработчика
Команда установки — в блоке «Исходник компонента» ниже: подписанная ссылка действует 30 минут.
Технические заметки
Клиентский компонент на 2D canvas без зависимостей. Код рисуется на временном холсте шрифтом 900, из непрозрачных пикселей с шагом 3 берутся опорные точки. Число пылинок задаёт density и уменьшается на узком кадре. Отрисовка останавливается вне экрана (IntersectionObserver), плотность пикселей ограничена 2, при prefers-reduced-motion пыль сразу стоит на месте без движения.
Теги
- 404
- not found
- particles
- canvas
- interactive
- cursor
- dark
Исходник компонента
Тот же файл, который поставит агент. Нужен, если вы предпочитаете скопировать код руками.
Загружается…