Fluor.js – скрипт позволяет добавлять взаимодействия и эффекты на сайте

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

Не имеет зависимостей и может быть добавлен на любую страницу с помощью одной строки HTML.

https://github.com/fluorjs/fluor

robinloeffel / cosha – js скрипт создает разноцветные тени для изображений

Простой и легкий (меньше 1кб)

import cosha from 'cosha';

cosha({
  className: 'colorful-shadow',
  blur: '10px',
  brightness: '125%',
  saturation: '110%',
  x: '2px',
  y: '6px'
});

https://github.com/robinloeffel/cosha

quotable-toolbar – скрипт позволяет делиться цитатами с сайта в twitter

JS библиотека, которая позволяет легко добавлять контекстное всплывающее окно на веб-страницу для обмена выбранным текстом и цитатами в Twitter

https://github.com/localjo/quotable-toolbar

bstreeview – плагин для создания дерева категорий на twitter bootstrap 4

function getTree() {
  // Some logic to retrieve, or generate tree structure
  return data;
}

$('#tree').bstreeview({ data: getTree() });

var tree = [
  {
    text: "Node 1",
    icon: "fa fa-folder",
    nodes: [
      {
        text: "Sub Node 1",
        icon: "fa fa-folder",
        nodes: [
          {
            id:    "sub-node-1",
            text:  "Sub Child Node 1",
            icon:  "fa fa-folder",
            class: "nav-level-3",
            href:  "https://google.com"
          },
          {
            text: "Sub Child Node 2",
            icon: "fa fa-folder"
          }
        ]
      },
      {
        text: "Sub Node 2",
         icon: "fa fa-folder"
      }
    ]
  },
  {
    text: "Node 2",
    icon: "fa fa-folder"
  }
];

https://github.com/chniter/bstreeview

panolens.js – просмотрщик панорам js на основе Three.js

Panolens.js – это программа для просмотра панорам на основе событий и WebGL. Легкий и гибкий. Он построен поверх Three.JS.

const panorama = new PANOLENS.ImagePanorama( 'asset/equirectangular.jpg' );
const viewer = new PANOLENS.Viewer();
viewer.add( panorama );

https://github.com/pchen66/panolens.js

You-Dont-Need-Momentjs – репозиторий со списком функций для работы с датой

Список функций который может заменить библиотеку довольно тяжелую (по производительности) библиотеку moment.js

// Moment.js
moment('12-25-1995', 'MM-DD-YYYY');
// => "1995-12-24T13:00:00.000Z"

// Native
const datePattern = /^(\d{2})-(\d{2})-(\d{4})$/;
const [, month, day, year] = datePattern.exec('12-25-1995');
new Date(`${month}, ${day} ${year}`);
// => "1995-12-24T13:00:00.000Z"

// date-fns
import parse from 'date-fns/parse';
parse('12-25-1995', 'MM-dd-yyyy', new Date());
// => "1995-12-24T13:00:00.000Z"

// dayjs
dayjs('12-25-1995');
// => "1995-12-24T13:00:00.000Z"

// luxon
DateTime.fromFormat('12-25-1995', 'MM-dd-yyyy').toJSDate();
// => "1995-12-24T13:00:00.000Z"

https://github.com/you-dont-need/You-Dont-Need-Momentjs

sharect – скрипт поделиться выделенным текстом

Облегченный (минимизированный 8Kb, сжатый 2.9Kb) скрипт, позволяющий пользователям обмениваться текстовыми выделениями в социальных сетях. (Да, как на сайте Медиум)

https://estevanmaito.github.io/sharect/

power-mode-input – js script can make your text input box more compelling

power-mode-input - js script can make your text input box more compelling

import PowerModeInput from "power-mode-input";

const input = document.getElementById("obinput");
PowerModeInput.make(input);

// close PowerModeInput
PowerModeInput.close(input);

// destroy PowerModeInput
PowerModeInput.destroy();

// another usage
PowerModeInput.make(".phone", {
  height: 5,
  tha: [0, 360],
  g: 0.5,
  num: 5,
  radius: 6,
  circle: true,
  alpha: [0.75, 0.1],
  color: "random"
});

https://github.com/lindelof/power-mode-input

  1. 1
  2. 2
  3. 3
  4. 4
  5. 5
  6. 6
  7. 7
  8. 8
  9. ...
  10. 114
Scroll Up