Экосистема JavaScript развивается с такой скоростью, что моргнув, можно пропустить появление нового "стандарта индустрии". Пока все спорят о React 19, энтузиасты пилят инструменты, которые решают конкретные, узкие и болезненные задачи.
В сегодняшней подборке — микс из полезных утилит для бэкенда, мощных визуализаторов для фронтенда и инструментов, которые превращают разработку на Svelte и Angular в удовольствие.
Svelte Animations — магия Magic UI и Aceternity теперь в Svelte
Если вы заглядывались на красивые анимации из Magic UI или Aceternity UI, но грустили, что они только для React, то этот проект для вас. Svelte Animations — это порт популярных UI-библиотек на Svelte, использующий Tailwind CSS и Svelte Motion.
Автор собрал более 50 компонентов: от "исчезающих" инпутов до интерактивных кнопок с эффектом ряби. Главное преимущество — это не просто npm-пакет, а коллекция кода, которую можно копировать и адаптировать под себя (в духе shadcn). Библиотека активно обновляется для поддержки Svelte 5, так что вы получаете самые актуальные фичи фреймворка.
Tauri Store — простое управление состоянием для десктопных приложений
Разработка десктопных приложений на Tauri набирает обороты, но вопрос хранения данных часто вызывает головную боль. Писать свои обертки над файловой системой? Использовать localStorage, который может слететь? Tauri Store решает эту проблему элегантно.
Это плагин для персистентного хранения данных, который синхронизирует состояние между разными окнами приложения и сохраняет его на диск. Он поддерживает "из коробки" автосохранение, дебаунс (чтобы не насиловать диск) и имеет адаптеры для популярных стейт-менеджеров: Pinia, Vue, Svelte и Zustand. Идеально для сохранения настроек пользователя или состояния сессии.
Svedit — CMS больше не нужна? Встраиваем редактор прямо в сайт
Представьте, что вы можете редактировать контент на своем сайте так же легко, как в Notion, но при этом он остается частью вашего Svelte-приложения. Svedit — это не просто Rich Text редактор, а библиотека для создания редактируемых сайтов с JSON-моделью данных.
В отличие от тяжелых CMS, Svedit весит копейки и встраивается прямо в верстку. Вы определяете схему данных, и библиотека генерирует интерфейс редактирования "по месту". Поддерживаются вложенные блоки, транзакции (undo/redo) и кастомные компоненты. Это отличный выбор для лендингов и блогов, где контент-менеджеру нужно дать свободу, но не сломать дизайн.
Express Rate Limit — защита API от перегрузок за 5 минут
Классика, которая не стареет. Если вы пишете API на Node.js/Express и до сих пор не ограничили количество запросов, ваш сервер — легкая добыча для DDoS-атак или брутфорса паролей. Express Rate Limit — это middleware, которое ставится одной строкой.
Оно позволяет гибко настроить правила: например, "не больше 100 запросов с одного IP за 15 минут". Библиотека поддерживает различные хранилища данных (Redis, Memcached) для работы в кластере и умеет отправлять правильные HTTP-заголовки RateLimit, чтобы клиенты знали, когда им "остыть". Абсолютный маст-хэв для любого публичного API.
Lina — идеальный скроллбар, которого так не хватало shadcn/ui
Стандартный скроллбар в вебе часто выглядит инородно, а кастомные решения на JS нередко тормозят или ломают нативный скроллинг на мобильных. Lina — это компонент прокрутки, который позиционируется как drop-in замена ScrollArea из shadcn/ui (Radix UI).
Его фишка — адаптивность и нативные ощущения. На десктопе вы получаете красивые стилизованные ползунки с микро-интеракциями, а на мобильных устройствах — нативный инерционный скролл. Плюс, он умеет автоматически показывать "тени" (маски) по краям, подсказывая пользователю, что контент можно прокрутить. Мелочь, которая сильно повышает качество UX.
ngx-vflow — строим сложные node-based диаграммы на Angular
Визуальное программирование и нодовые редакторы сейчас в тренде. Если вам нужно создать что-то подобное на Angular, ngx-vflow — ваш выбор. Это библиотека для построения интерактивных диаграмм, где узлы и связи — это просто Angular-компоненты.
Библиотека берет на себя сложную математику: рендеринг связей (кривые Безье, прямые линии), масштабирование, перетаскивание и мини-карту. Вы же просто верстаете содержимое узлов через привычные шаблоны. Отлично подходит для создания визуальных конструкторов процессов, схем баз данных или редакторов логики.
Spark — фотореалистичный 3D-рендеринг (Gaussian Splatting) в браузере
3D в вебе выходит на новый уровень с технологией 3D Gaussian Splatting. Это метод, позволяющий рендерить фотореалистичные сцены, захваченные из реального мира, с невероятной детализацией. Spark — это продвинутый рендерер для Three.js, реализующий эту технологию.
Он позволяет не просто отображать статичные сцены, но и редактировать их в реальном времени: менять цвета, анимировать "сплэты" (частицы), применять шейдерные эффекты. Spark поддерживает одновременный рендеринг с нескольких камер и оптимизирован для производительности. Если вы хотите впечатлить пользователя графикой уровня AAA-игр прямо в браузере — это оно.
SveltePlot — когда D3.js кажется слишком сложным
D3.js — король визуализации данных, но его кривая обучения напоминает вертикальную стену. SveltePlot пытается сделать мощь D3 доступной для простых смертных, используя реактивность Svelte.
Это библиотека чартов, которая позволяет строить сложные графики (линейные, бар-чарты, скаттерплоты) с помощью простых компонентов. При этом вы сохраняете контроль над стилизацией и анимациями. Особенность библиотеки — возможность добавлять аннотации, сегменты и "умные" тултипы буквально в пару строк кода. Отличный выбор для аналитических дашбордов на Svelte.
🔔 Если статья была полезной, жмите на колокольчик на главной странице канала, чтобы быть в курсе новых публикаций, и подпишитесь, если ещё не подписаны! 📰