open-index/open-npm huggingface dataset:
npm package: @matissefi/uikit
Description: Set of UI components for matisse projects
Latest version: 0.1.7

# 🥞 Pancake UIkit

[![Version](https://img.shields.io/npm/v/@pancakeswap-libs/uikit)](https://www.npmjs.com/package/@pancakeswap-libs/uikit) [![Size](https://img.shields.io/bundlephobia/min/@pancakeswap-libs/uikit)](https://www.npmjs.com/package/@pancakeswap-libs/uikit)

Pancake UIkit is a set of React components and hooks used to build pages on Pancake's apps. It also contains a theme file for dark and light mode.

## Install

`yarn add @pancakeswap-libs/uikit`

## Setup

### Theme

Before using Pancake UIkit, you need to provide the theme file to styled-component.

```
import { ThemeProvider } from 'styled-components'
import { light, dark } from '@pancakeswap-libs/uikit'
...
<ThemeProvider theme={isDark}>...</ThemeProvider>
```

### Reset

A reset CSS is available as a global styled component.

```
import { ResetCSS } from '@pancakeswap-libs/uikit'
...
<ResetCSS />
```

### Types

This project is built with Typescript and export all the relevant types.

## How to use the UIkit

If you want to use components from the UIkit, check the [Storybook documentation](https://pancakeswap.github.io/pancake-uikit/)
npm package: @matius77/express-mock-server
Description: Mock server powered by Express.js
Latest version: 3.4.5

# express-mock-server
Mock server powered by Express.js

## Installation
```
npm i -D express-mock-server
```

## Example of source file
```javascript
module.exports = [
  {
    request: {
      'method': 'GET',
      'path': '/some-url'
    },
    response: {
      'statusCode': 200,
      'body': JSON.stringify({
        'param1': 'some text',
        'param2': 123123,
        'param3': false
      })
    }
  }
];
```

Response can be a function 
```javascript
response: function(urlParams, qsParams, bodyParams) {
  ...
```

## Basic use

```javascript
import { serverStart } from 'express-mock-server';

var sources = [
  require('./mock/source1.js'),
  require('./mock/source2.js'),
  ...
];

// this is default configuration
var opt_serverConfig = {
  port: 8080,
  controlApiUrl: '/api/v1'
};

/**
 *  Return strated Server instance
     function can be called are 
        start
        close
 *  @param {Array} sources
 *  @param {?Object} opt_serverConfig
 *  @return {Server}
 */
serverStart(sources [, opt_serverConfig])
  
```
npm package: @mativizo/cssvizo
Description: CSSVizo Utility CSS Library
Author: Mativizo
Latest version: 0.0.2

# cssvizo
CSSVizo Utility CSS Library

![npm (scoped)](https://img.shields.io/npm/v/@mativizo/cssvizo)

## What is it?
Simple CSS Library for basic UI - websites and Electron.
I'm using it for prototyping.

Library uses GULP and Sass to build styles and Bootstrap Icons as... icons.

### How to use?

1. Download files from `css` directory or clone the repo and build files by yourself.
2. Add `css/cssvizo.css` or `css/cssvizo.min.css` (minifed) to your project.
3. Enjoy!

**or**

Add file from CDN: 
```html
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@mativizo/cssvizo@0.0.1/css/cssvizo.css">
```

Add minified file from CDN:
```html
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@mativizo/cssvizo@0.0.1/css/cssvizo.min.css">
```


#### How to build / edit?
**with npm**
1. Install package `npm install @mativizo/cssvizo`.
2. Do, what you have to do.

**or with git**
1. Clone the repo `git clone https://github.com/mativizo/cssvizo.git`.
2. Install dependencies `npm install`.
3. Add changes to `.scss` files (`src/parts/...`).
4. Use watch or build task to create files (`npm start` - watch, `npm run build` - build).

## But...
😎 Every element is listed on [Mini Documentation](https://mativizo.github.io/cssvizo/)