Telegram Web
🖥 Embla Carousel — лёгкая JS библиотека для создания каруселей

Embla Carousel — это свободная от зависимостей легкая JS библиотека. Поможет решить самые сложные проблемы, связанные с созданием каруселей; имеет легко расширяемый API и плагины.
Embla Carousel работает во всех современных браузерах.

🖥 GitHub
🟡 Доки
🟡 Примеры

@javascriptv
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
👍22🔥83
🖥 drei — пополняющаяся коллекция функциональных, готовых абстракций для react-three-fiber

npm install @react-three/drei

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

🖥 GitHub
🟡 Сами компоненты

@javascriptv
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
7🥰5👍3
This media is not supported in your browser
VIEW IN TELEGRAM
🖥 Это интресно: запущен новый сервис Websim, который позволяет генерировать любые сайты буквально одним нажатием кнопки.

Всё, что нужно сделать, — ввести название сайта и нажать кнопку «Отправить».

Встроенные нейросети Claude и ChatGPT позаботятся обо всём остальном. Уровень возможностей впечатляет: пользователям уже удалось создать клон Minecraft и даже рабочий сайт для генерации 18+ изображений.

И самое удивительное — всё это работает бесплатно. ⚡️Попробовать можно здесь: https://websim.ai/

@javascriptv
Please open Telegram to view this post
VIEW IN TELEGRAM
👍93🔥3👎2
🖥 Hono — простой сверхбыстрый фреймворк для Edges

npm create hono@latest

Hono работает в любой среде выполнения JavaScript: Cloudflare Workers, Fastly Compute, Deno, Bun, Vercel, AWS Lambda, Lambda@Edge и Node.js

🖥 GitHub
🟡 Доки
🟡 Примеры использования

@javascriptv
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
👍112🔥1🥰1
🖥 docsify — классный JS генератор сайтов с документацией

npm i docsify

docsify создает сайт документации буквально на лету. В отличие от GitBook, он не генерирует статичные html-файлы. Вместо этого он с умом загружает и разбирает файлы в формате Markdown и потом отображает их в виде веб-сайта.

Чтобы начать использовать docsify, достаточно создать index.html и развернуть его на GitHub Pages.

🖥 GitHub
🟡 Доки
🟡 Примеры использования

@javascriptv
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥11👍82
🔤🔤 Интересный проект: энтузиаст создал бесплатный клон After Effects!

И что самое крутое - работает прямо в браузере, бесплатно и даже без регистрации. Интерфейс похож на After Effects, и все функции находятся на привычных местах. Один энтузиаст сумел превзойти всю Adobe!

Попробовать можно здесь: https://pikimov.com/

@javascriptv
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥22👍62
🖥 OpenUI5 — open-source JS фреймворк, который позволяет создавать веб-приложения корпоративного уровня

npm i @openui5/sap.f

Если кто вдруг не знает, есть классный фреймворк JavaScript — OpenUI5 с массой полезных возможностей
Вот некоторые из них:
— богатая библиотека визуальных компонентов
— возможность расширять стандартные компоненты и писать свои
— поддержка MVC, причем View может быть объявлен как HTML, XML, JSON или Javascript
— модели данных (oData, XML, JSON) и их привязка к визуальным компонентам
— поддержка HTML шаблонов

🖥 GitHub
🟡 Доки
🟡 Пример веб-приложения

@javascriptv
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥10👍93👏1
🖥 EmberData — лёгкая библиотека для управления данными в веб-приложениях

pnpm add ember-data

EmberData позволяет управлять данными в приложении с помощью масштабируемых шаблонов

Некоторые особенности EmberData и её шаблонов:
— упор на производительность и компактность
— поддержка Typescript
— поддержка любых API: GraphQL, JSON:API, REST, tRPC — всего, что угодно

🖥 GitHub
🟡 Доки

@javascriptv
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥11🥰32👍1🤔1
This media is not supported in your browser
VIEW IN TELEGRAM
🖥 Красивая 3D карусель для изображений на HTML, CSS и JavaScript

Вот весь код:
🖥 GitHub

@javascriptv
Please open Telegram to view this post
VIEW IN TELEGRAM
👍32🔥92
🖥 html-react-parser — инструмент на TypeScript для преобразования HTML в React

npm i html-react-parser

Вот простой пример использования:
import parse from 'html-react-parser';

parse('<p>Hello, World!</p>');

// React.createElement('p', {}, 'Hello, World!')


🖥 GitHub
🟡 Примеры использования

@javascriptv
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
👍5🔥42
🖥 Shaka Player — open-source библиотека JS для адаптивных медиа

Shaka Player — это библиотека JavaScript, которая воспроизводит адаптивные медиаформаты такие как DASH, HLS и MSS в браузере, без использования плагинов или Flash. Вместо этого Shaka Player использует открытые веб-стандарты MediaSource Extensions и Encrypted Media Extensions.

Shaka Player также поддерживает автономное хранение и воспроизведение медиафайлов с помощью IndexedDB. Контент может храниться в любом браузере.

🖥 GitHub

@javascriptv
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
👍84🔥2
2025/07/11 23:28:54
Back to Top
HTML Embed Code: