Ember.js был использован при проектировании ряда сложных веб-сайтов, таких как Kickstarter, Heroku и LinkedIn. Ember.js идеально подходит для разработки сложных веб-приложений, а строковая система шаблонов, с которой она поставляется, способствует значительному уменьшению времени загрузки. Frontend JavaScript Framework также сконцентрирован на масштабируемости, чтобы разработчики могли легко работать как с мобильными, так и с веб-приложениями.

Демо | GitHub

#js #framework

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

Этот новый веб-фреймворк, который набрал более 24 тысяч звезд на GitHub, был создан той же командой, что и Express, как менее громоздкая, более выразительная и надежная платформа для веб-приложений и API. Используя средства асинхронного программирования, Koa позволяет отказаться от callback-функций и в разы эффективнее обрабатывать ошибки. В ядре Koa не проводится сборка промежуточного программного обеспечения. Этот фреймворк имеет набор первоклассных методик, которые делают написание серверов быстрым и приятным занятием.

Демо | GitHub

#js #framework #API

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

Задумка Svelte в том, что он является лишь инструментов для создания кода. После создания приложения оно может существовать отдельно от Svelte. Фреймворк будет применяться только в случае внесения правок.

Благодаря этому конечный размер файла получается значительно меньше. При этом, повышается скорость работы программного обеспечения, поскольку ему нужно обрабатывать меньше информации.

Демо | GitHub

#framework #react #js #ractive

Spectre.css — лёгкий, отзывчивый и современный CSS фреймворк для ускоренной и расширяемой разработки. Spectre предоставляет базовые стили для шрифтового оформления и элементов, адаптивную систему макетов на основе Flexbox, а также чистые компоненты и утилиты CSS.

Особенности: лёгкий (~ 10 КБ в сжатом виде); эстетически приятные компоненты и цветовая палитра; интуитивно понятный синтаксис; гибкость: JS не требуется.

Демо | GitHub

#css #framework

UIkit — это легкий и модульный фреймворк для разработки быстрых и мощных веб-интерфейсов.

Он поставляется с широким спектром многоразовых и сочетающихся компонентов. Все UIkit классы с уникальными именами, поэтому они не будут мешать работе других конструкций и расширений, которые используются совместно не вызывая ошибок. Начальные размеры стартуют с 55Kb (js – 33Kb / css – 22Kb).

Демо | GitHub

#css #framework #ui

Nuxt.js — это фреймворк для создания универсальных приложений на Vue.js с использованием Node.js. С помощью него можно рендерить UI на сервере и генерировать статические сайты. Он абстрагирует большую часть сложной конфигурации, связанной с управлением такими вещами, как асинхронные данные, промежуточное программное обеспечение (middleware) и маршрутизация.

Демо | GitHub

#js #framework #vue

Impress.js — популярный фреймворк предназначенный для создания неординарных презентаций, которые демонстрируются просто в браузере. Фреймворк работает с последовательностью слайдов, каждый слайд в терминологии фреймворка именуется шаг (step). Что, и каким образом отображается внутри каждого слайда, определяется с помощью обычных средств HTML-разметки и CSS-стилей. Все слайды размещаются в неком трехмерном пространстве. Impress.js прекрасно работает в последних версиях браузеров Chrome, Firefox, Safari и IE.

Демо | GitHub

#js #framework #css

Mocha.js — это JavaScript фреймворк для Node.js, используемый для автоматического тестирования приложений. Он может использоваться как на стороне сервера Javascript, так и в браузере. Mocha.js позволяет проводить асинхронное тестирование. Скажем так: он создает окружение, в котором мы можем использовать свои любимые assert библиотеки.

Демо | GitHub

#framework #js #nodejs

Titanium JS — открытый фреймворк, использующийся для создания нативных приложений для мобильных устройств под управлением Android, iOS и Windows. Используется код, созданный в Appcelerator. В этом JavaScript фреймворке используется Alloy для ускорения работы с мобильными приложениями. Все созданные модули могут использоваться повторно для различных приложений. Это сокращает срок написания кода и сокращает его объем.

Демо | GitHub

#js #framework #alloy

🛠 Spine.js — небольшой MVC фреймворк, во многом он базируется на Backbone.js API. Веб приложения создаются непосредственно на JavaScript, что дает логическое разделение создаваемого кода и наследование моделей. Фреймворк довольно прост, входной порог невысок. Есть расширение Spine Moblie для работы с приложениями под мобильные устройства. Нет проблем с работой в разных браузерах, поддерживаются все современные. Отметим и очень подробную документацию.

🔍 Демо | 📂 GitHub

#js #framework #mvc

🛠 Knockout.js — JavaScript каркас веб-приложений, реализующий Model-View-View-Model шаблон. Основными принципами являются: чёткое разделение доменных данных, компонентов отображения и отображаемых данных; наличие чётко определённого слоя специализированного кода, задающего отношение компонентов отображения.

🔍 Демо | 📂 GitHub

#js #framework

🛠 Tailwind CSS — это CSS-фреймворк, созданный в первую очередь для быстрого создания пользовательских интерфейсов. Этот фреймворк предназначен для реализации нестандартных конструкций, и даже такой простой компонент, как кнопка, может выглядеть совершенно по-разному.

В отличии от многих других фреймворков CSS, Tailwind не включает какие - либо компоненты, классы, такие как form-input, btn, card или navbar.

🔍 Демо | 📂 GitHub

#CSS #framework

🛠 MelonJS — это игровой движок HTML5 с открытым исходным кодом, который позволяет разработчикам и дизайнерам сосредоточиться на контенте.

Фреймворк предоставляет набор компонуемых объектов и поддержку ряда сторонних инструментов. Дает вам мощную комбинацию, которую можно использовать целиком или по частям.

🔍 Демо | 📂 GitHub

#framework #js #html

🛠 Fastify — современный фреймворк Node.js, создатели которого вдохновлялись такими проектами как Hapi и Express. Помимо того что это один из самых быстрых фреймворков (benchmarks), Fastify также очень дружественен к разработчику, полностью асинхронен и расширяем благодаря его хукам, плагинам и декораторам.

🔍 Документация | 📂 GitHub

#framework #js

🛠 Shoelace.css — лёгкая, прогрессивная библиотека CSS, созданная с использованием синтаксиса будущего CSS. Простая в использовании и настраиваемая. Пользователям Bootstrap эта библиотека покажется знакомой, но освежающей. Вы можете использовать Shoelace практически с любым браузером. Версия CDN отлично подходит для создания прототипов.

🔍 Демо | 📂 GitHub

#framework #css