Страница 404
Пиксельная кроличья нора
Тёмная страница 404 с пиксельными цифрами из клеток 5×7: клетки вспыхивают как экран старого терминала, а над кодом прыгает пиксельная стрелка «вниз, в нору».
Что можно поменять
- code, title — тексты и параметры компонента: переведите и перепишите голосом бренда
- actionHref — куда ведёт выход (главная, каталог, поиск)
- accent и background — цвета под бренд; пусто — палитра по умолчанию
Ссылка для ИИ-агента: в ней превью, код и инструкция.
Превью
Использовать с ИИ
- 1. Скопируйте ссылку.
- 2. Напишите агенту своими словами и вставьте её в предложение.
- 3. Агент откроет ссылку и поставит компонент из реестра.
добавь это на главную первым экраном:
https://vibeui.ru/c/error-404-006?theme=dark
Не знаете, куда вставить? Пошаговый гайд
Показать полную инструкцию
То, что лежит по ссылке в развёрнутом виде. Нужна, если агент не может открыть ссылку — тогда вставьте этот текст целиком.
Загружается…
Для разработчика
Команда установки — в блоке «Исходник компонента» ниже: подписанная ссылка действует 30 минут.
Технические заметки
Серверный компонент без JS. Маски заведены для всех цифр 0–9, поэтому code можно сменить на 500 или 410. Размер клетки считается от ширины блока. prefers-reduced-motion гасит мерцание и прыжки.
Теги
- 404
- not found
- pixel
- terminal
- retro
- dark
- flicker
Исходник компонента
Тот же файл, который поставит агент. Нужен, если вы предпочитаете скопировать код руками.
Загружается…