bramus/rich-input
A rich input field with keyword-based autocomplete and in-input highlighting powered by <datalist>, OpaqueRange, and the Custom Highlight API
О проекте
Веб-компонент rich-input — поле ввода с автодополнением по ключевым словам и подсветкой синтаксиса keyword:value прямо внутри input, на базе datalist, OpaqueRange и CSS Custom Highlight API.
Чем пригодится
- Собрать поисковую строку с фильтрами вида label:"..." year:2026 и подсказками значений
- Настроить подсветку ключевых слов и значений через ::highlight в CSS без зеркальных div-ов
- Встроить поле в форму с отправкой через FormData и сбросом состояния
Пересказ README моделью DeepSeek V4.1 Flash. Может ошибаться в деталях.
Почему он в тренде
- Сегодня уже 6 звёзд, к концу дня ожидается около 7.
- Всплеск держится 3 дня подряд — это не случайный выброс.
- Репозиторию 5 дней, а у него уже 60 звёзд.
Звёзды по дням
Столбики — звёзды за день, линия — обычный темп. Красным — дни всплесков.
Цифры
- Всего звёзд
- 60
- Звёзд за сутки
- 8
- Форков
- 0
- Issues и pull requests
- 5
- Наблюдателей
- 0
- Язык
- JavaScript
- Лицензия
- MIT
- Последний релиз
- v1.3.0 · 16 сентября 2026
- Создан
- 13 сентября 2026
- Последний коммит
- 17 сентября 2026
Доверие к звёздам
Рост выглядит естественно: форков и обсуждений столько, сколько бывает у живых проектов, а звёзды приходят неровно, как от людей.
Это эвристики, а не приговор: судим по поведению репозитория, а не по списку звездивших.
Где замечен
- 18 сентября 2026Топ новых репозиториев за неделю: #189
Поделиться
Бейдж для README
Вставьте в README — бейдж сам показывает свежую магнитуду и ведёт на эту страницу.
[](https://gitnova.dev/r/bramus/rich-input)Похожие проекты
-
3,5
shadcn-ui/ui
Набор React-компонентов на Radix UI и Tailwind CSS, которые копируются в проект как исходный код, а не подключаются как зависимость. Нужен разработчикам, желающим собрать собственную UI-библиотеку с полным контролем…
-
3,1
nilbuild/page-mascot
Интерактивный маскот для веб-страницы: следит за курсором и моргает при клике. Состоит из двух спрайт-листов 3×3 — направлений взгляда и реакций, а также умеет генерировать персонажа через агента.
-
3,0
makepad/makepad
Кроссплатформенный UI-рантайм и среда разработки приложений и игр на Rust с компиляцией в wasm/WebGL, Metal, DX11 и OpenGL, живым редактированием UI и встроенными AI-бэкендами.
-
2,7
facebook/astryx
Открытая дизайн-система на React 19 и StyleX с 150+ доступными компонентами, темами и CLI, созданная для совместной работы людей и AI-ассистентов. Выросла внутри Meta, где используется в 13 000+ приложениях.
-
2,6
vercel/next.js
Next.js — React-фреймворк для создания full-stack веб-приложений с серверным рендерингом и Rust-инструментами сборки. Используется крупными компаниями для быстрых и универсальных сайтов.
-
2,5
liangshanbo789/aidaicai
Сайт-визитка и репозиторий сервиса по корпоративной закупке подписок OpenAI/ChatGPT для компаний в Китае: оплата по безналу, счета с НДС 6% и SLA-договор. Исходники самого сайта на Next.js 15 + Tailwind CSS + TypeScript.