N3-components / N3 Components
Licence: mit
N3-components , Powerful Vue UI Library.
Stars: ✭ 1,012
Programming Languages
javascript
184084 projects - #8 most used programming language
Labels
Projects that are alternatives of or similar to N3 Components
Rooks
Essential hooks ⚓ to super charge your components!
Stars: ✭ 889 (-12.15%)
Mutual labels: components
Reactshadow
🔰 Utilise Shadow DOM in React with all the benefits of style encapsulation.
Stars: ✭ 948 (-6.32%)
Mutual labels: components
React Spaces
React components that allow you to divide a page or container into nestable anchored, scrollable and resizable spaces.
Stars: ✭ 928 (-8.3%)
Mutual labels: components
Create Component App
Tool to generate different types of React components from the terminal. 💻
Stars: ✭ 879 (-13.14%)
Mutual labels: components
Composer Assets Plugin
Composer plugin for copying of frontend assets into public directory.
Stars: ✭ 20 (-98.02%)
Mutual labels: components
Primeng
The Most Complete Angular UI Component Library
Stars: ✭ 7,180 (+609.49%)
Mutual labels: components
Webrix
Powerful building blocks for React-based web applications
Stars: ✭ 41 (-95.95%)
Mutual labels: components
React Cosmos
Sandbox for developing and testing UI components in isolation
Stars: ✭ 7,350 (+626.28%)
Mutual labels: components
Millenniumjs
🚀 A javascript library for create Functional Stateless Components and render with Virtual DOM.
Stars: ✭ 28 (-97.23%)
Mutual labels: components
Weblaf
WebLaF is a fully open-source Look & Feel and component library written in pure Java for cross-platform desktop Swing applications.
Stars: ✭ 930 (-8.1%)
Mutual labels: components
Ionic Custom Components
Ionic 3/4 Custom Components. Spend less time on design and more time on coding! Free to use for everyone! 🧙♂️
Stars: ✭ 23 (-97.73%)
Mutual labels: components
Contactlab Ui Components
DEPRECATED - Basic UI components for ContactLab UX design pattern library
Stars: ✭ 31 (-96.94%)
Mutual labels: components
Fprime
F' - A flight software and embedded systems framework
Stars: ✭ 8,642 (+753.95%)
Mutual labels: components
Elm Ui
UI library for making web applications with Elm
Stars: ✭ 878 (-13.24%)
Mutual labels: components
Personal Component Library
How to build a component Library of your own
Stars: ✭ 32 (-96.84%)
Mutual labels: components
Preact
⚛️ Fast 3kB React alternative with the same modern API. Components & Virtual DOM.
Stars: ✭ 30,527 (+2916.5%)
Mutual labels: components
N3-components - Powerful Vue Library.
N3 components library is built with Vue.js, is a powerful library for frontend or full-stack engineers to build web pages quickly.
Introduction
N3 components applys oneself to structure a great ecological circle of developers using Vue.js. Supporting as follows:
-
More than 60 components. See Here
-
Personality Of Style.
-
UMD.
-
Using ES6.
NPM
Link:https://www.npmjs.com/package/N3-components
npm install N3-components --save-dev
CNPM
Link:https://npm.taobao.org/package/N3-components
cnpm install N3-components --save-dev
CDN
- js Link:https://unpkg.com/[email protected]/dist/index.min.js (Notice the version)
- css Link:https://unpkg.com/[email protected]/dist/index.min.css (Notice the version)
Quick Start
You can install components for your global environment.
import Vue from 'vue'
import N3Components from 'N3-components'
import 'N3-components/dist/index.min.css'
// install N3
Vue.use(N3Components)
// for English (default chinese)
// version 2.2.0 or later
Vue.use(N3Components, 'en')
You can also import single component when needed.
import Vue from 'vue'
import N3Components from 'N3-components'
import {n3Alert} from N3Components
// set language
// window.n3Locale = 'en'
//
theme customization
// default
import 'N3-components/src/style/default.less'
// theme customization
import 'your-theme.less'
your-theme.less
@import 'N3-components/src/style/common.less'
/*base color*/
@whiteColor: #fff;
@blackColor: #000;
@lightBlackColor: #333;
@grayColor: #ccc;
@weightGrayColor: #999;
@lightGrayColor: #eee;
@lightColor: #f9f9f9;
/*font color*/
@fontColor: #555;
/*theme color*/
@primaryColor: #41cac0;
@primaryColorhover: #39b2a9;
@hoverColor:rgba(65, 202, 192, 0.05);
/*extend color*/
@successColor: #19d567;
@successColorhover: #30d073;
@infoColor: #2db7f5;
@infoColorhover: #43bcf3;
@dangerColor: #f50;
@dangerColorhover: #f9702b;
@warningColor: #fa0;
@warningColorhover: #f5b73b;
Requirements
- vue
- vue-focus
- velocity-animate
Discussing
- submit issue
- email: [email protected]
- gitter:
- QQ Group: 556286036
- QQ Group Qrcode:
Contribute
Change log
License
MIT
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].