Cassette Player

Отличный стилизованный плеер для вашего сайта, как развлечение так и отличный костыль для вашего музыкального сайта.

👉 @fullstack_libs

Interactive solar system

Анимация для системы создана при помощи Three.js. При нажатии на каждую планету выводится информация о ней.

👉 @fullstack_libs

Rotation Navigation

В этой реализации автор создал импровизированный слайдер с интересным эффектом переключения.

👉 @fullstack_libs

Spinners

Подборка загрузчиков, представляющих из себя svg-картинки, анимированные в CSS.

👉 @fullstack_libs

3D Carousel Room

Эффект 3Д создается при помощи CSS трансформаций. Логика переключения слайдов реализована в JS и завязана на положение курсора.

👉 @fullstack_libs

Yakpdf

API для преобразования HTML в PDF. Независимо от того, нужны ли вам счета для вашей e-commerce
или расширенные отчеты для вашего стартапа, Yakpdf API предоставит возможность создания PDF-файлов всего одним http-запросом. CSS Grid Layout, SVG, WebFont и все, что работает на Chromium, работает с Yakpdf API. Компания использует AWS cloud и не хранит данные пользователей при их обработке.

👉 @fullstack_libs

Voice RSS

API, преобразовывающее текст в речь. Сервис являтеся полностью кросс-платформенным. Для использования не требуется установка какого-либо стороннего программного обеспечения. API позволяет конвертировать текстовое содержимое в следующие кодеки: MP3, WAV, AAC, OGG, CAF.

👉 @fullstack_libs

Spinny flipz

Анимация кручения создана при помощи библиотеки gsap. Кроме того, автор создал анимацию, вызываемую при выборе конкретной карточки.

👉 @fullstack_libs

Vuesax

Этот набор компонентов Vue делает интерфейсное программирование проекта последовательным и плавным. Vuesax предлагает множество доступных компонентов, которые вы можете адаптировать в соответствии со своими требованиями и легко применить в проекте.

👉 @fullstack_libs

TypedJS

Эта библиотека JS предоставляет анимацию для набора текста, которую можно добавить в любое приложение JS. Она предоставляет красивую анимацию, отображающую текст, набираемый по одной букве.

👉 @fullstack_libs

JSEncrypt

С помощью этой библиотеки можно реализовать RSA шифрование для JS приложений. По сути, это удобная обертка над шифрованием, которая делает процесс user friendly.

👉 @fullstack_libs

Recoil

Экспериментальная библиотека управления состоянием JavaScript, разработанная Facebook. Recoil решает многие проблемы, с которыми сталкиваются более крупные приложения при использовании существующего Context API:

 - Состояние компонента можно разделить только путем передачи его общему предку, но это может включать в себя огромное дерево, которое затем необходимо повторно отобразить.
 - Контекст может хранить только одно значение, а не бесконечный набор значений, каждое со своими потребителями.
 Оба эти фактора усложняют кодовое разделение вершины дерева (где должно находиться состояние) от листьев дерева (где используется состояние).

👉 @fullstack_libs

UI5 Web Components

Небольшая библиотека многоразовых компонентов пользовательского интерфейса корпоративного уровня. Может использоваться с любой текущей или будущей средой веб-разработки (React, Angular, Vue и т. д.).

👉 @fullstack_libs

PatternFly

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

👉 @fullstack_libs

React Aria

Библиотека React Hooks, которая 
предоставляет хуки, обеспечивающие доступность компонентов пользовательского интерфейса для вашей системы дизайна.

👉 @fullstack_libs

Peppermint.js

Тач-слайдер, который работает на Android, iPhone, Windows Phone, BlackBerry и на девайсах с Windows 8. Работает с клавиатурой, и не ломается от кнопки Tab.

👉 @fullstack_libs

Milligram

Небольшой CSS-фреймворк (2kb в сжатом виде), который обеспечивает минимальную настройку CSS-стилей для быстрого и чистого написания кода.

👉 @fullstack_libs

Neural nervous system of a brain

Положение каждого отдельного нейрона задаётся с помощью Math.random(). Благодаря этому, при каждом обновлении мы получаем разную картинку.

👉 @fullstack_libs

Diet Piechart

Вся диаграмма - это svg картинка. При нажатии на отдельные части диаграммы, задействуются различные CSS анимации.

👉 @fullstack_libs

Grd

Grd, как следует из названия, занимается построением макетов сетки. Библиотека сделана на чистом CSS, использует свойства модели flexbox и предлагает только самые необходимые и полезные функции.

👉 @fullstack_libs