Sektor — генератор SVG секторів з вбудованим аніматором. Дозволяє створювати сектори кола чи дуги та анімувати кут.

#arc #circle #sector

Перефарбувати чорний об’єкт в інший колір за допомогою CSS фільтрів

Не знаю навіщо, але най буде

#css #filter #color

CDN Fonts — CDN-сервер багатьох популярних шрифтів

#font #cdn

Splide — js-слайдер з можливістю вставляти звичайні, youtube та vimeo відео

#slider #js

Animate On Scroll Library — #js бібліотека для анімації блоків при гортанні сторінки

#scroll #scrollAnimate

mjml - фреймворк для верстання email-ів

#email #markup

Simplescraper — це розширення для Chrome, яке перетворює вміст веб-сторінок у файли JSON і CSV (тобто файли даних, які можна використовувати як навчальні дані).

#scraper

grapheme-splitter — js-бібліотека для коректного розділення символів, які можуть складатись з кількох unicode-кодів, такі як emoji

#js #char #character

DevToys — програма⁠-мультитул з відкритим кодом для розробників. Містить в собі безліч інструментів, як URI-(де)кодер, YAML/JSON, Base64 конвертори, JWT-(де)кодер, Hash/Checksum калькулятори, порівняння текстів, конвертер регістру та лічильник символів, слів, рядків, тестування Regex-виразів, робота з кольором, перегляд Markdown-форматування, стиснення png/jpeg зображень і багато інших функцій.

#tools

TOAST UI Component: Color Picker — інструмент вибору кольору для #js. посилання на інші ui-компоненти внизу сторінки

#color #colorPicker #ui

Як по назві шрифта визначити нарис (font weight)

#font #weight #fontweight

range-input.css — генератор #css стилів для елемента <input type="range">

#style #input #inputrange

TypeIt — #js бібліотека для анімації імітації набору тексту

#text #animation #javascript

Sqids — це бібліотека з відкритим вихідним кодом, яка дозволяє генерувати короткі унікальні ідентифікатори з чисел. Ці ідентифікатори є URL-безпечними, можуть кодувати декілька чисел

#js #url

Swiper — слайдер з різними типами анімації і функцією паралаксу. Багато налаштувань, подій, режим CSS анімацій тощо

#slider #parallax

Blaze Slider — #js бібліотека швидкого продуктивного слайдера

#slider

DGM.js — бібліотека для рендерингу та роботи з полотнами, що містять «розумні» фігури, які ви можете використовувати у сценаріях і задавати різні обмеження/властивості.

Підтримує:
💡 Розумні фігури (скрипти, обмеження, розширені властивості)
🔧 Безінтерфейсні компоненти (React)
🔥 Нескінченне полотно
📑 Підтримка багатосторінковості
👍 Рукописні стилі
👥 Спільна робота в реальному часі
🎨 Темний режим (адаптивні кольори)
📸 Експорт у зображення (PNG, JPEG, WebP, SVG)
📕 Експорт у PDF
🔤 Багатий текст
🧑🏻‍💻 Експорт/імпорт у форматі JSON

https://github.com/dgmjs/dgmjs

#canvas #editor