🧑‍💻 Имба для фронтендеров — библиотека веб-анимаций на чистом JS, которая превращает сайт в кинчик.

Подключается элементарно (npm i animejs) и быстро встраивается в любой проект. Всего ~10-16KB в сжатом виде — минимальное влияние на бандл.

С ней можно оживить всё: скроллбары, загрузки, переходы, счетчики, формы, кнопки и даже простые элементы. Работает с CSS, DOM, SVG и JavaScript-объектами.

Встроенные фичи:

- Scroll Observer — анимации при прокрутке-

- Stagger — каскадные эффекты

- Timeline — сложные последовательности

- Draggable — перетаскивание с физикой

- Motion paths и морфинг SVG

В итоге ваш UI перестанет быть скучным и станет выглядеть как конфетка. 100% бесплатно и open-source.

Телеграм канал EasyProger с реальными примерами использования - https://t.me/easyprogers

ссылка на проект - https://animejs.com/

1. Забирается в вашу папку с проектом.

2. Выгребает оттуда все .js, .ts, .json, .css (или что вы скажете).

3. Игнорирует node_modules, .git, dist — всё, что вам не нужно.

4. Склеивает всё в один огромный TXT-файл — с заголовками, датами, размерами и даже сводкой в начале!

5. Выводит статистику: сколько файлов, строк, килобайт — как в репорте спецслужб.

Демонстрация работы

Пример того, что получается:

📊 СВОДКА ПРОЕКТА

📁 Всего файлов: 3

📝 Всего строк: 434

💾 Общий размер: 14.72 KB

📅 Дата создания: 15.09.2025, 16:06:41

📈 ДЕТАЛЬНАЯ СТАТИСТИКА

.js: 1 файлов, 357 строк

.json: 2 файлов, 77 строк

📄 Файл: collect-code.js

📊 Размер: 14.33 KB

📅 Дата модификации: 15.09.2025, 16:04:53

-------------------------------------

#!/usr/bin/env node

const fs = require('fs');

... и так далее весь код ...

Теперь можно скопировать один файл — и скормить его ИИ. И он всё поймёт. Без потерь. Без тыканья «а вот ещё один файлик».

💡 Зачем это вообще?

• AI будет умнее: GPT-4o, Claude, Gemini — все любят единый контекст. Чем больше — тем лучше.

• Анализ проекта: «О, у меня 80% кода — в одном файле? Пора рефакторить!»

• VibeCoding™: включил музыку, открыл файл — и ты в потоке. Весь проект перед глазами.

🛠️ Как запустить? (проще некуда)

git clone https://github.com/O9nix/collect-code.git

cd collect-code

npm install

node collect-code.js ./my-project/

Или, если лень:

collect-code --extensions .js,.ts --exclude-dirs node_modules,build

Если не хотите ничего устанавливать:

npx collect-code

Хочешь только JS и TS? Легко.
Хочешь исключить .env? Пожалуйста.
Хочешь конфиг в JSON? Держи.

📦 Что внутри?

• Написано на чистом Node.js — без лишних зависимостей.

• Работает на Windows, Linux, macOS.

• Не ломается на бинарниках — сам определяет и пропускает.

• Выводит красивую сводку в консоль — как в кино про хакеров.

🔗 Где взять?

👉 GitHub: https://github.com/O9nix/collect-code

🧃 Вывод

Если вы:

• Пользуетесь ИИ для кода,

• Ненавидите копипасту,

• Хотите видеть «лес, а не деревья»,

то collect-code — ваш новый лучший друг.
Один файл = весь проект. Просто. Быстро. Без боли.

P.S. Попробуйте скормить получившийся файл Claude или GPT — разница в качестве ответов вас реально удивит. Это как дать ИИ очки вместо монокля.

P.P.S. VibeCoding — это не про музыку. Это про контекст. А контекст — про один файл 😉

Попробовать можно тут:
https://jsbin.com/cohigat/edit?output

На досуге занимаюсь инди-разработкой игр:

• В Steam опубликовано демо нелинейной визуальной новеллы Scottside, над которой я работал программистом.

• Остальные опубликованные проекты можно найти тут.

• Актуальные новости и опросы игроков тут.

• Поддержать меня можно на Boosty. Также вы можете сделать перевод через СБП по номеру телефона или на карту (данные сообщу в ЛС). Или любым другим удобным вам способом - пишите. Пока не могу включить монетизацию на Пикабу, низкий рейтинг.

Мой основной движок - RPG Maker. Для него я разрабатываю плагины. Какие-то для себя, какие-то под заказ, но многие публикую бесплатно для всех на GitHub.

Здесь каталог всех моих бесплатных плагинов по категориям.

Если вам нужен плагин/скрипт для RPG Maker, можете написать мне в Telegram или на почту (olek.olegovich@gmail.com). Если я посчитаю плагин сравнительно простым в реализации и универсальным (т.е. его можно будет вставить в любой проект без модификаций), то я могу опубликовать его бесплатно для всех и попросить вас задонатить комфортную для вас сумму. Если плагин будет сложным, специфичным для вашего проекта или вы сами запросите эксклюзивность, договоримся о заказе.

Выше начало демки одного из текущих проектов. Да, я разрываюсь между несколькими проектами одновременно. У меня ещё есть основная работа и учёба. Да, знаю, что это неправильный подход.

Игра в браузере: https://alexander-dudarev.itch.io/sand-art

Sand Art – это симулятор творческой физической песочницы, в которой я постарался сделать реалистичное моделирование до 200 000 частиц песка.

Я использовал технологии WebGL и пытался создать интуитивно понятное управление, чтобы создать увлекательный творческий процесс.

Ключевые функции:

- Реалистичная физика песка с 200 000 динамическими частицами, создающими впечатление подлинного песка.

- Многослойная система частиц обеспечивает естественное взаимодействие между песчинками.

- Оптимизированный рендеринг WebGL для обеспечения бесперебойной работы на всех устройствах.

- Набор инструментов для творчества. Разнообразные инструменты взаимодействия, позволяющие манипулировать вашим песочным творением. Художественная настройка 7 уникальных форм кисти для разнообразного художественного выражения. Регулируемые размеры кистей для создания мелких деталей или широких мазков. Полная цветовая гамма для создания ярких разноцветных композиций.

Игра идеально подходит для снятия стресса, творческого самовыражения, арт-терапии.

Буду рад получить фидбэк. Что улучшить, чего добавить?