⚡️ React Flow и Svelte Flow – библиотеки для создания интерактивных графов и диаграмм на основе узлов в приложениях React и Svelte.

✔️ Библиотеки предоставляют набор компонентов, которые позволяют создавать:

• визуальные представления рабочих процессов;
• интерактивную документацию;
• дорожные карты;
• карты мыслей;
• диаграммы процессов и любых других структур, основанных на графах.

🗣️ Обе библиотеки осуществляют быстрый рендеринг, перерисовывая только изменившиеся узлы, и гарантируют, что на экране отображаются лишь те узлы, которые попадают в текущую область видимости.

👩‍💻 GitHub

CodeBase | Frontend | #tool

⚡️Text-Animation-test — Анимированный текст с вращением каждого символа.

Технологии: CSS

🔗 Ссылка

CodeBase | Frontend | #animate

⚡️Slice! — Интересный текст с горизонтальным "разрезом" и эффектом при наведении.

Технологии: Pug, SCSS

🔗 Ссылка

CodeBase | Frontend | #animate

⚡️Hover Glyph Button — Кнопка с интересным эффектом символов при наведении.

Технологии: Svg, CSS, JavaScript

🔗 Ссылка

CodeBase | Frontend | #animate

⚡️light/dark mode — Стильное переключение темной темы с анимацией.

Технологии: Pug, SCSS

🔗 Ссылка

CodeBase | Frontend | #animate

⚡️ ClickVote – открытая библиотека для простого добавления реакционных компонентов («лайк» , «проголосовать», «поставить оценку») на любой сайт, в no-code и веб-приложения.

➡️ Основные особенности ClickVote:

• Предустановленные компоненты для лайков, рейтингов, звезд, плюсов и минусов.
• Поддержка различных фреймворков, включая React, Vue и Svelte.
• Мгновенная аналитика реакций пользователей.

✔️ Главное преимущество: ClickVote использует технологию WebSockets для обеспечения обновлений лайков, голосований и отзывов в реальном времени.

🔗 Сайт

CodeBase | Frontend | #tool

⚡️Download the Matrix — Кнопка для скачивания с крутой анимацией при нажатии.

Технологии: Svg, CSS, JavaScript

🔗 Ссылка

CodeBase | Frontend | #animate

⚡️Very cool animated text — Стильная анимация вращающегося текста по спирали.

Технологии: CSS, JavaScript

🔗 Ссылка

CodeBase | Frontend | #animate

Не нужно мешать, он знает, что делает... 😎

CodeBase | Frontend | #meme