React Pro Sidebar provides a set of components for creating high level and customizable side navigation

• v0.x

• Demo

• Storybook

yarn add react-pro-sidebar

npm install react-pro-sidebar

import { Sidebar, Menu, MenuItem, SubMenu } from 'react-pro-sidebar';

<Sidebar>
  <Menu>
    <SubMenu label="Charts">
      <MenuItem> Pie charts </MenuItem>
      <MenuItem> Line charts </MenuItem>
    </SubMenu>
    <MenuItem> Documentation </MenuItem>
    <MenuItem> Calendar </MenuItem>
  </Menu>
</Sidebar>;

You can make use of the component prop to integrate React Router link

Example Usage

import { Sidebar, Menu, MenuItem } from 'react-pro-sidebar';
import { Link } from 'react-router-dom';
<Sidebar>
  <Menu

Make your Vim/Neovim as smart as VS Code

Custom popup menu with snippet support

• 🚀 Fast: separated NodeJS process that does not slow down Vim most of the time.
• 💎 Reliable: typed language, tested with CI.
• 🌟 Featured: all LSP 3.16 features are supported, see :h coc-lsp.
• ❤️ Flexible: configured like VS Code, Coc extensions function similarly to VS Code extensions

Make sure use Vim >= 9.0.0438 or Neovim >= 0.8.0.

Install nodejs >= 16.18.0:

curl -sL install-node.vercel.app/lts | bash

For vim-plug users:

" Use release branch (recommended)
Plug 'neoclide/coc.nvim', {'branch': 'release'}

" Or build from source code by using npm
Plug 'neoclide/coc.nvim', {'branch': 'master', 'do': 'npm ci'}

in your .vimrc or init.vim, then…

Bot Framework provides the most comprehensive experience for building conversation applications.

With the Bot Framework SDK, developers can build bots that converse free-form or with guided interactions including using simple text or rich cards that contain text, images, and action buttons.

Developers can model and build sophisticated conversation using their favorite programming languages including C#, JS, and Python for developers and multi-disciplinary teams to design and build conversational experiences.

Checkout the Bot Framework ecosystem section to learn more about other tooling and services related to the Bot Framework SDK.

| C# Repo | JS Repo | Python Repo | BF CLI |

The Bot Framework SDK v4 is an open source SDK that enable developers to model and build sophisticated conversation using their favorite programming language.

Get Started | Documentation | Demos

Swiper - is the free and most modern mobile touch slider with hardware accelerated transitions and amazing native behavior. It is intended to be used in mobile websites, mobile web apps, and mobile native/hybrid apps.

Swiper is not compatible with all platforms, it is a modern touch slider which is focused only on modern apps/platforms to bring the best experience and simplicity.

• Tree-shakeable: Only modules you use will be imported into your app's bundle.
• Mobile-friendly: It is intended to be used in mobile websites, mobile web apps, and mobile native/hybrid apps.
• Library Agnostic: Swiper doesn't require any JavaScript libraries like jQuery, which makes Swiper much smaller and faster. It can be safely used with libraries such as jQuery, Zepto, jQuery Mobile, etc.
• 1:1 Touch movement: By default, Swiper provides 1:1 touch movement interaction, but this ratio can…

The leading open-source headless CMS, 100% JavaScript/TypeScript, flexible and fully customizable.

Cloud · Try live demo

Strapi Community Edition is a free and open-source headless CMS enabling you to manage any content, anywhere.

• Self-hosted or Cloud: You can host and scale Strapi projects the way you want. You can save time by deploying to Strapi Cloud or deploy to the hosting platform you want**: AWS, Azure, Google Cloud, DigitalOcean.
• Modern Admin Panel: Elegant, entirely customizable and a fully extensible admin panel.
• Multi-database support: You can choose the database you prefer: PostgreSQL, MySQL, MariaDB, and SQLite.
• Customizable: You can quickly build your logic by fully customizing APIs, routes, or plugins to fit your needs perfectly.
• Blazing Fast and Robust: Built on top of Node.js and TypeScript, Strapi delivers reliable and solid performance.
• Front-end Agnostic: Use any…

English | 简体中文 | 日本語 | Português Brasileiro | 한국어 | Español (España) | Русский | Türkçe | සිංහල | עברית

Fast 2kB alternative to Moment.js with the same modern API

Day.js is a minimalist JavaScript library that parses, validates, manipulates, and displays dates and times for modern browsers with a largely Moment.js-compatible API. If you use Moment.js, you already know how to use Day.js.

dayjs().startOf('month').add(1, 'day').set('year', 2018).format('YYYY-MM-DD HH:mm:ss');

• 🕒 Familiar Moment.js API & patterns
• 💪 Immutable
• 🔥 Chainable
• 🌐 I18n support
• 📦 2kb mini library
• 👫 All browsers supported

You can find more details, API, and other docs on day.js.org website.

npm install dayjs --save

📚Installation Guide

It's easy to use Day.js APIs to parse, validate, manipulate, and…

Documentation · Roadmap · View Demos · Generate JSON…

Hamburgers is a collection of tasty CSS-animated hamburger icons. Also included is the source as a Sass library. It’s modular and customizable, so cook up your own hamburger.

• Usage
• Sass
• Customization
• Accessibility
• Browser Support

1. Download and include the CSS in the <head> of your site:

<link href="dist/hamburgers.css" rel="stylesheet">

2. Add the base hamburger markup:

<button class="hamburger" type="button">
  <span class="hamburger-box">
    <span class="hamburger-inner"></span>
  </span>
</button>  

You can use <div>s if you insist, but they’re not accessible as a menu button.

<div class="hamburger">
  <div class="hamburger-box">
    <div class="hamburger-inner"></div>
  </div>
</div>

3. Append the class name…

A collection of CSS3 powered hover effects to be applied to links, buttons, logos, SVG, featured images and so on. Easily apply to your own elements, modify or just use for inspiration. Available in CSS, Sass, and LESS.

Demo | Tutorial

• Download/Install
• How To Use
  • A. Copy and Paste an Effect
  • B. Reference Hover.css
  • A Note on the display property
  • Using Icon Effects
• What's Included?
  • css
  • scss/less
  • Other
• Browser Support
• Using Grunt for Development
• Using Sass/LESS for Development
  • _hacks
  • _mixins
  • _options
• Contribute to Hover.css
• Licenses
  • Commercial License
  • Open-Source License
• Hire Ian Lunn

• NPM: npm install hover.css --save
• Bower: bower install hover --save
• Download Zip

Hover.css can be used in a number of ways; either copy and paste the effect you'd like to use in your own stylesheet or reference the stylesheet. Then just add the class name of the effect to the element you'd…

AdminJS is an automatic admin interface that can be plugged into your application. You, as a developer, provide database models (like posts, comments, stores, products or whatever else your application uses), and AdminJS generates UI which allows you (or other trusted users) to manage content.

Inspired by: django admin, rails admin and active admin.

Check out our demo application:

• Login: admin@example.com
• Password: password

https://demo.adminjs.co

You can also have a look at our customized AdminJS dashboard which shows various library statistics:

https://stats.adminjs.co

• Check out the documentation
• Try the live demo as mentioned above

• Join the community to get help and be inspired.

So you have a working service built in Node.js. It uses (for example) Hapi.js for rendering a couple of REST routes and mongoose as the connector to the database.

Everything…