Inkline is the customizable Vue.js UI/UX Library designed for creating flawless responsive websites.

Overview

Inkline logo

Inkline

Inkline is the customizable Vue.js UI/UX Library designed for creating flawless responsive websites. Inkline is written and maintained by @alexgrozav.


Vue.js UI/UX Library - Inkline


Homepage · Documentation · Issue Tracker


npm version Build Coverage Status Downloads Discord

Table of contents

Installation

Read the Getting Started page and find information on framework contents, templates, examples, and more.

Vue CLI Installation - Inkline Nuxt.js Installation - Inkline Custom Installation - Inkline CDN Installation - Inkline

Bugs and feature requests

Have a bug or a feature request? Please first search for existing and closed issues. If your problem or idea is not addressed yet, please open a new issue.

Community

Get updates on Inkline's development and chat with the project maintainers and community members.

  • Follow @inkline on Twitter.
  • Join Inkline on Discord.
  • Developers should use the keyword inkline on packages which modify or add to the functionality of Inkline when distributing through npm or similar delivery mechanisms for maximum discoverability.

Releases

Previous releases and their documentation are also available for download.

Versioning

For increased transparency and backward compatibility, Inkline is maintained under the Semantic Versioning guidelines.

Creators

Alex Grozav

Contributing

Please read through our contributing guidelines. There you can find directions for opening issues, feature requests, coding standards, and how to setup a local development environment.

Thanks goes to these wonderful people:

Alex Grozav Manuel Tancoigne Reniel Salvador The Jared Wilcurt Bogdan Saliuk marbocub Dimitrios Mandamadiotis roiLeo

Copyright and license

Code copyright 2017-2020 Inkline Authors. Code released under the MIT License.

Comments
  • Nuxt.js Installation Guide not working

    Nuxt.js Installation Guide not working

    Hi,

    i have tried to install inkline with your new installation guide but its not working. At the end you talk about editing files in src folder which is not existing. It looks like you just copied over the guide from vue?!?!

    confirmed bug 
    opened by milaan-muc 12
  • Switch from Stylus to SASS

    Switch from Stylus to SASS

    This would probably increase adoption.

    I wrote the project styles in Stylus simply because it's what I expected the SASS Indented syntax to be.

    SASS ended up being the most used and appreciated option in State of CSS, while Stylus is the last. https://2019.stateofcss.com/technologies/pre-post-processors/

    Everything written in Stylus would probably require minor changes to be turned into SASS (indented syntax).

    Should we switch to SASS?

    css discussion 
    opened by alexgrozav 12
  • Navbar alignment does not work

    Navbar alignment does not work

    • I'm submitting a:

      • [x] Bug Report
    • What is the current behavior? The navbar nav placement does not work

    • What is the expected behavior? The should be positionned on the right of the navbar It seems that some classes are missing

    <i-navbar-brand to="/">FLOWOLF</i-navbar-brand>
      <i-navbar-items class="_justify-content-end">
        <i-nav>
          <i-nav-item :to="{ name: 'index' }">Home</i-nav-item>
          <i-nav-item :to="{ name: 'about' }">About</i-nav-item>
          <i-nav-item :to="{ name: 'contact' }">Contact</i-nav-item>
        </i-nav>
    </i-navbar-items>
    

    The result is that the is still on the left of the navbar.

    • Please tell us about your environment:

      • Version: 1.0.0
      • Browser: [Chrome Version 73.0.3683.103 (Build officiel) (64 bits) ]
      • Language: [VueJS]
    • Other information I simply execute npm install @inkline/inkline

    confirmed css 
    opened by bpingris 10
  • Creating Vue App with Vue CLI results in `module parse fail`

    Creating Vue App with Vue CLI results in `module parse fail`

    • I'm submitting a:

      • [x] Bug Report
    • Steps to reproduce Here is a minimal repository (and ordered commits) showing the steps that I took.

    https://github.com/agarbutt/vue-cli-ts-inkline

    1. follow the "Vue CLI Getting started instructions"
    2. npm run serve
    • What is the expected behavior? I believe we expect to have a running Vue app.

    • What is the current behavior? Multiple compiler failures from webpack. It seems to fail when loading / parsing the components provided in the package @inkline/inkline

    • Please tell us about your environment:

      • Version: 3.0.6
      • Browser: [n/a]
      • Language: [TypeScript ~4.1.5 | ES6/7 ]
      • Vue CLI: @vue/cli 4.5.15
      • Vue: [email protected]
    • Other information Detailed explanation, stacktraces, related issues, suggestions how to fix, links for us to have context, eg. stackoverflow, gitter, etc.

    This is an example of the errors dumped to the console. ` error in ./node_modules/@inkline/inkline/components/IDropdown/components/IDropdownItem/script.mjs?vue&type=script&lang=js

    Module parse failed: Unexpected token (88:38) You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders | methods: { | onClick(event) {

            this.dropdown.onItemClick?.(this, event);
    

    | } | }

    @ ./node_modules/@inkline/inkline/components/IDropdown/components/IDropdownItem/script.mjs?vue&type=script&lang=js 1:0-65 1:0-65 1:66-120 1:66-120 @ ./node_modules/@inkline/inkline/components/IDropdown/components/IDropdownItem/index.vue @ ./node_modules/@inkline/inkline/components/IDropdown/components/index.mjs @ ./node_modules/@inkline/inkline/components/index.mjs @ ./node_modules/@inkline/inkline/inkline.mjs @ ./src/main.ts @ multi (webpack)-dev-server/client?http://192.168.1.10:8080&sockPath=/sockjs-node (webpack)/hot/dev-server.js ./src/main.ts `

    bug 
    opened by agarbutt 7
  • Inkline 3

    Inkline 3

    Here you can track the progress on Inkline 3, the Vue 3 rewrite that will keep all of the awesome features of version 2, but has some huge improvements under the hood.

    Changelog:

    • Development workflow using Vite
    • Build workflow using Vue CLI
    • Hybrid SASS and CSS Variables with fine-grained design control
    • Overall component UI, UX and DX improvements
    opened by alexgrozav 7
  • No API for hamburger button or collapse in NavBar

    No API for hamburger button or collapse in NavBar

    • I'm submitting a:

      • [ ] Bug Report
      • [X] Feature Request
    • What is the current behavior? I would like to be able to control collapsing the items when an item is clicked. Right now it remains collapsed even after you clicked 1 item. image

    • What is the expected behavior? (If the current behavior is a bug, please provide the steps to reproduce and if possible a minimal demo of the problem** viahttps://plnkr.co or similar.)

    • Please tell us about your environment:

      • Version: 1.0.0
      • Browser: [all | Chrome XX | Firefox XX | IE XX | Safari XX | Mobile Chrome XX | Android X.X Web Browser | iOS XX Safari | iOS XX UIWebView | iOS XX WKWebView ]
      • Language: [all | TypeScript X.X | ES6/7 | ES5 | Dart]
    • Other information (Detailed explanation, stacktraces, related issues, suggestions how to fix, links for us to have context, eg. stackoverflow, gitter, etc.)

    feature 
    opened by tomtakumi 7
  • Update Popper.js to version 2

    Update Popper.js to version 2

    • I'm submitting a:

      • [ ] Bug Report
      • [x] Feature Request

    [email protected] has been released and can be found under @popperjs/core. Update the PopupProviderMixin.vue file.

    feature meta 
    opened by alexgrozav 6
  • Treeshaking compile produce error

    Treeshaking compile produce error

    • I'm submitting a:

      • [*] Bug Report
      • [ ] Feature Request
    • What is the current behavior?

    Treeshaking compiling produces error as below:

    Module parse failed: Unexpected token (5:14) You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders | | export class PopupManager {

    instances = {};
    

    | modalStack = []; | zIndex = 1000;

    @ ./node_modules/@inkline/inkline/src/helpers/index.js 21:0-57 21:0-57 @ ./node_modules/@inkline/inkline/src/components/Select/script.js?vue&type=script&lang=js& @ ./node_modules/@inkline/inkline/src/components/Select/script.js?vue&type=script&lang=js& @ ./node_modules/@inkline/inkline/src/components/Select/index.vue @ ./node_modules/@inkline/inkline/src/components/index.js @ ./node_modules/@inkline/inkline/src/index.js

    • Please tell us about your environment:

      • Version: 1.0.0
      • Browser: [all | Chrome XX | Firefox XX | IE XX | Safari XX | Mobile Chrome XX | Android X.X Web Browser | iOS XX Safari | iOS XX UIWebView | iOS XX WKWebView ]
    • package.json file

    { "name": "inkline.test", "version": "0.1.0", "private": true, "scripts": { "serve": "vue-cli-service serve", "build": "vue-cli-service build", "lint": "vue-cli-service lint" }, "dependencies": { "@inkline/inkline": "^1.16.12", "core-js": "^2.6.5", "vue": "^2.6.10", "vue-router": "^3.0.3", "vuex": "^3.0.1" }, "devDependencies": { "@vue/cli-plugin-babel": "^3.11.0", "@vue/cli-plugin-eslint": "^3.11.0", "@vue/cli-service": "^3.11.0", "babel-eslint": "^10.0.1", "eslint": "^5.16.0", "eslint-plugin-vue": "^5.0.0", "node-sass": "^4.12.0", "sass-loader": "^8.0.0", "sass-resources-loader": "^2.0.1", "resolve-url-loader": "^3.1.0", "vue-template-compiler": "^2.6.10" }, "eslintConfig": { "root": true, "env": { "node": true }, "extends": [ "plugin:vue/essential", "eslint:recommended" ], "rules": {}, "parserOptions": { "parser": "babel-eslint" } }, "postcss": { "plugins": { "autoprefixer": {} } }, "browserslist": [ "> 1%", "last 2 versions" ] }

    main.js

    import Vue from 'vue'

    import Inkline from '@/plugins/inkline.js'

    import App from '@/layout/App.vue' import router from '@/router' import store from '@/store'

    Vue.config.productionTip = false

    new Vue({ router, store, render: h => h(App) }).$mount('#app')

    @/plugin/inkline.js

    import Vue from 'vue'; import '@inkline/inkline/src/index.scss'; import { Inkline, IButton, IForm, IInput } from '@inkline/inkline/src/index';

    Vue.use(Inkline, { components: [ IButton, IForm, IInput ] });

    • Other information (Detailed explanation, stacktraces, related issues, suggestions how to fix, links for us to have context, eg. stackoverflow, gitter, etc.)
    opened by webidew 6
  • Select not updating selected value after filters are changed

    Select not updating selected value after filters are changed

    • I'm submitting a:

      • [x] Bug Report
      • [ ] Feature Request
    • What is the current behavior? When changing the filters for the i-select-option during runtime, this error is produced: image The current behavior of the select is that the value selected is not correct. See this JS fiddle for the difference between normal select and i-select. https://jsfiddle.net/816d9skh/

    • What is the expected behavior? (If the current behavior is a bug, please provide the steps to reproduce and if possible a minimal demo of the problem** viahttps://plnkr.co or similar.) The select should be able to update based on filters that are dynamic (computed filters as well).

    • Please tell us about your environment:

      • Version: CDN
      • Browser: Chrome 74.0.3729.169 | Mobile Chrome XX
      • Language: ES6/7
    • Other information (Detailed explanation, stacktraces, related issues, suggestions how to fix, links for us to have context, eg. stackoverflow, gitter, etc.)

    confirmed js 
    opened by cassmbautista 6
  • Form validation entirely non funcitonal

    Form validation entirely non funcitonal

    • What is the expected and current behavior? Validation is completely broken.

    CleanShot 2022-10-03 at 16 29 28

    • Steps to reproduce Reproduction

    • Please tell us about your environment:

      • Version: 3.1.4
      • Browser: all
      • Language: TypeScript
    • Other information I have tried both options and composition api, and multiple difrent apporaches but all result in the same errors.

    bug 
    opened by then3rdman 5
  • NavBar not showed up on >medium display, but showed up on small display

    NavBar not showed up on >medium display, but showed up on small display

    • What is the expected and current behavior? NavBar not showed up on >medium display, but showed up on small display

    you can check it out https://jamal.indomascot.com

    • Steps to reproduce https://github.com/jamaluddinrumi/jamal.indomascot.com.v3

    • Please tell us about your environment:



    - Version: @inkline/[email protected], @inkline/[email protected]
    - Browser: [all]
    - Language: [all]
    
    • Other information i also got these error below
    [Bridge] Error in listener for event b:component:selected-data with args: 
    
    TypeError: Cannot convert a Symbol value to a string
    
    

    Screen Shot 2022-06-16 at 10 30 17 PM

    bug 
    opened by jamaluddinrumi 5
  • bug: fix overlay tabs above navbar dropdown

    bug: fix overlay tabs above navbar dropdown

    • Please check if the PR fulfills these requirements

      • [x] The commit message follows our guidelines
      • [x] Tests for the changes have been added (for bug fixes / features)
      • [x] Docs have been added/updated (for bug fixes / features)
    • What kind of change does this PR introduce? That PR fixes issue #330

    opened by theruziev 1
  • Tab over dropdown from navbar

    Tab over dropdown from navbar

    • What is the expected and current behavior?
    image
    • Steps to reproduce https://stackblitz.com/edit/inkline-rhjbx8?file=src/App.vue

    • Please tell us about your environment:

      • Version: 3.1.8
      • Browser: Firefox 107
      • Language: TypeScript
    bug 
    opened by theruziev 1
  • Validation errors are not displayed when empty form is submitted - Composition API

    Validation errors are not displayed when empty form is submitted - Composition API

    • What is the expected and current behavior? If an empty form with validation is submitted, error messages are not displayed, and the submit event is not triggered.

    When an empty form is submitted, all validations should run and proper error messages should be displayed

    • Steps to reproduce

    Component

    <script setup lang="ts">
    import { useForm } from "@inkline/inkline/composition-api";
    
    const email = ref<string>();
    const password = ref<string>();
    const isLoading = ref<boolean>(false);
    
    const validationSchema = {
      email: {
        validators: [{ name: "email" }],
      },
      password: {
        validators: [{ name: "required" }, { name: "minLength", value: 8 }],
      },
    };
    const form = useForm(validationSchema);
    
    function handleSubmit() {
      isLoading.value = true;
      console.log(email.value, password.value);
      setTimeout(() => {
        isLoading.value = false;
      }, 2000);
    }
    </script>
    
    <template>
      <i-form v-model="form" @submit="handleSubmit">
        <i-form-group required>
          <i-form-label>Email</i-form-label>
          <i-input v-model="email" name="email" placeholder="email address" />
          <i-form-error for="email" />
        </i-form-group>
        <i-form-group required>
          <i-form-label>Password</i-form-label>
          <i-input v-model="password" name="password" placeholder="password" />
          <i-form-error for="password" />
        </i-form-group>
        <i-form-group>
          <i-button type="submit" :loading="isLoading">
            Sign Up
            <template #loading>
              <i-loader color="dark" class="_margin-right:1/2" />
              Please wait..
            </template>
          </i-button>
        </i-form-group>
      </i-form>
    </template>
    
    
    • Please tell us about your environment:
      • Version: 3.1.8
      • Browser: Brave
      • Language: TypeScript
      • Environment - Nuxt 3
    bug 
    opened by GMKR 0
  • Unexpected <i-select> behaviour when resetting its state

    Unexpected behaviour when resetting its state

    • What is the expected and current behavior? If there are several components on the page and the state is reset for all of them at the same time - all components expand at the same time.

    • Steps to reproduce

      • Open this pen: https://stackblitz.com/edit/inkline-ryavqd?file=src%2FApp.vue
      • Select value of first <i-select>
      • Select value of second <i-select>
      • Hit "Reset State" button
    • Please tell us about your environment:

      • Version: >=3.0.5
      • Browser: all
      • Language: all (verified with TS, JS, OptionsAPI, Composition API)
    • Other information It makes sense to reset state of the component but keep it closed or add a prop that manages the behaviour. Maybe I am missing something in the documentation, I mean how we can reset state without re-opening a dropdown?

    bug 
    opened by konstantin-lebejko 4
  • i-button voice control not working, breaking accessibility

    i-button voice control not working, breaking accessibility

    • What is the expected and current behavior? Voice control should be able to "click" a button (IButton)

    • Steps to reproduce

    1. Install "Handsfree for web" voice control Chrome extension and enable plugin
    2. Go to https://storybook.inkline.io/iframe.html?args=&id=components-button--basic&viewMode=story
    3. Say "click" and notice the button numbered control does not appear. An accessible voice-controllable button should normally appear as show:
    image
    • Please tell us about your environment:

      • Version: =3.1.8
      • Browser: Chrome 106.0.5249.119
      • Language: TypeScript
    • Other information Detailed explanation, stacktraces, related issues, suggestions how to fix, links for us to have context, eg. stackoverflow, gitter, etc.

      Removing aria-disabled="false" from the IButton source seems to allow the button to be voice controlled, although removing it might have other implications.

    bug 
    opened by simondib 1
  • i-dropdown: Unhandled error during execution of beforeUnmount hook

    i-dropdown: Unhandled error during execution of beforeUnmount hook

    • What is the expected and current behavior? Dropdown component throws exception if it's present on loaded page and located under some async flag,

    • Reproduction https://stackblitz.com/edit/nuxt-starter-etgguc?file=pages/test.vue

    • Steps to reproduce

      1. Open reproduction
      2. Press "Start" button, it will switch to /test.
      3. Paginate across "users".
      4. You will see in browser console exception message
    • Please tell us about your environment:

      • Version: >= Nuxt 3.0.0-rc.12 with Nitro 0.6.0
      • "@inkline/inkline": "^3.1.8", "@inkline/nuxt": "^3.1.4"
    • Other information

    chunk-Q5TZPECP.js?v=384d4587:1274 [Vue warn]: Unhandled error during execution of beforeUnmount hook 
      at <IDropdown> 
      at <ICard> 
      at <TestId onVnodeUnmounted=fn<onVnodeUnmounted> ref=Ref< null > > 
      at <Anonymous key="/test/2448" routeProps= {Component: {…}, route: {…}} pageKey="/test/2448"  ... > 
      at <BaseTransition mode="out-in" appear=false persisted=false  ... > 
      at <Transition name="page" mode="out-in" > 
      at <RouterView name=undefined route=undefined > 
      at <NuxtPage> 
      at <Page onVnodeUnmounted=fn<onVnodeUnmounted> ref=Ref< Proxy {…} > > 
      at <Anonymous key="/test" routeProps= {Component: {…}, route: {…}} pageKey="/test"  ... > 
      at <BaseTransition mode="out-in" appear=false persisted=false  ... > 
      at <Transition name="page" mode="out-in" > 
      at <RouterView name=undefined route=undefined > 
      at <NuxtPage> 
      at <App key=1 > 
      at <NuxtRoot>
    
    script.mjs?v=384d4587&vue&type=script&src=true&lang.mjs:129 Uncaught (in promise) TypeError: Cannot read properties of undefined (reading 'children')
        at Proxy.beforeUnmount (script.mjs?v=384d4587&vue&type=script&src=true&lang.mjs:129:44)
        at chunk-Q5TZPECP.js?v=384d4587:3407:154
        at callWithErrorHandling (chunk-Q5TZPECP.js?v=384d4587:1375:18)
        at callWithAsyncErrorHandling (chunk-Q5TZPECP.js?v=384d4587:1383:17)
        at hook.__weh.hook.__weh (chunk-Q5TZPECP.js?v=384d4587:3391:19)
        at invokeArrayFns (chunk-Q5TZPECP.js?v=384d4587:220:11)
        at unmountComponent (chunk-Q5TZPECP.js?v=384d4587:6042:7)
        at unmount (chunk-Q5TZPECP.js?v=384d4587:5962:7)
        at unmountChildren (chunk-Q5TZPECP.js?v=384d4587:6067:7)
        at unmount (chunk-Q5TZPECP.js?v=384d4587:5974:9)
    

    image

    bug 
    opened by Nobi322 2
Releases(v3.1.9)
  • v3.1.9(Nov 24, 2022)

  • v3.1.8(Oct 18, 2022)

  • v3.1.7(Oct 15, 2022)

    • feat: add click-outside event to popup type components 8551194b
    • fix: export plugin in package exports c045134e

    https://github.com/inkline/inkline/compare/v3.1.6...v3.1.7

    Source code(tar.gz)
    Source code(zip)
  • v3.1.6(Oct 6, 2022)

    • feat: add interactable prop to transfer hover state from trigger to popup f1619493
    • fix: trigger click-outside onmousedown instead of onmouseup b5a7ac74

    https://github.com/inkline/inkline/compare/v3.1.5...v3.1.6

    Source code(tar.gz)
    Source code(zip)
  • v3.1.5(Oct 3, 2022)

  • v3.1.4(Jul 23, 2022)

  • v3.1.3(Jul 23, 2022)

  • v3.1.2(Jul 23, 2022)

    • fix: Updated build process. b6b01701
    • chore: Disabled running tests using np when releasing because they're already in pre-release. 610b3a6c

    https://github.com/inkline/inkline/compare/v3.1.1...v3.1.2

    Source code(tar.gz)
    Source code(zip)
  • v3.1.1(Jul 23, 2022)

  • v3.1.0(Jul 23, 2022)

    • refactor: Migrated to unbuild. 9b5eaab0
    • test: Migrated tests to vitest. ab186f5e

    https://github.com/inkline/inkline/compare/v3.0.10...v3.1.0

    Source code(tar.gz)
    Source code(zip)
  • v3.0.10(Jul 19, 2022)

    • fix: Fixed navbar collapsible not showing up after SSR. 3dee8afb
    • test: Added tests for submit touched behaviour. 52156de2
    • fix: Setting form schema to touched on submit. 530b34ca
    • docs: update .all-contributorsrc [skip ci] c1d2a2b4
    • docs: update README.md [skip ci] 9201275f
    • fix: Remove duplicated modal model event 613070ef

    https://github.com/inkline/inkline/compare/v3.0.9...v3.0.10

    Source code(tar.gz)
    Source code(zip)
  • v3.0.9(Jun 8, 2022)

    • fix: Fixed i-select caret click behaviour. aed363e3
    • Fix mixin name for form-group component 3427ed47
    • fix: use semantic tag for the navigation (#266) eb2ed58c
    • feat: Added standard code of conduct. 35bfd73c

    https://github.com/inkline/inkline/compare/v3.0.8...v3.0.9

    Source code(tar.gz)
    Source code(zip)
  • v3.0.8(Jan 30, 2022)

    • chore: Updated dependencies. 53df5a8a
    • fix: Fixed issue causing autocomplete popup to have wrong position when opening mobile keyboard. cd1cdc63
    • fix: Fixed dropdown closing navbar on mobile by adding stopPropagation prop to navbar items. e8bb34d8
    • docs: Updated discord link. Added sponsorship link. 547aa762
    • feat: Updated storybook deployment to no longer be served in a subroute. de298a56

    https://github.com/inkline/inkline/compare/v3.0.7...v3.0.8

    Source code(tar.gz)
    Source code(zip)
  • v3.0.7(Jan 22, 2022)

    • docs: update README.md [skip ci] 483e06ff
    • feat: Updated project description. Updated issue templates. 22a5d748

    https://github.com/inkline/inkline/compare/v3.0.6...v3.0.7

    Source code(tar.gz)
    Source code(zip)
  • v3.0.6(Jan 19, 2022)

    • fix: Nuxt 3 build was failing due to public image absolute references. Changed all to relative references. 4c160b5a
    • ci: Renamed postpublish script to postrelease. fd640772
    • chore: Updated README headline. c7999ab9
    • fix: Updated Discord link with non-expiring link. 63b24139
    • fix: Fixed README documentation link. 4f6e00d5

    https://github.com/inkline/inkline/compare/v3.0.5...v3.0.6

    Source code(tar.gz)
    Source code(zip)
  • v3.0.5(Jan 12, 2022)

  • v3.0.4(Jan 6, 2022)

  • v3.0.3(Jan 6, 2022)

    • fix: Added back mocks in package to provide useServer in documentation. 5aa44cac
    • Merge branch 'main' of github.com:inkline/inkline 871b047e
    • feat: Updated how storybook is built. New version no longer supports STORYBOOK_BASE_HREF. ac37070c
    • docs: Updated README.md 5c6d7c2f

    https://github.com/inkline/inkline/compare/v3.0.2...v3.0.3

    Source code(tar.gz)
    Source code(zip)
  • v3.0.2(Jan 5, 2022)

  • v3.0.1(Jan 5, 2022)

  • v3.0.0(Jan 5, 2022)

    • All components have been rewritten and improved
    • All components have automatically-generated manifest files describing their internals
    • Form validation is completely rewritten for better efficiency and reactivity
    • Most components have updated documentation
    • Select component is rewritten to support autocomplete with infinite scrolling
    • CSS architecture has been updated to easily implement any design system
    • Development server is using vite.js
    • Every component has individually importable usage examples as components
    • Documentation ready for i18n
    • Separated applications into separate repositories to make CI/CD easier
    • Homepage redesign
    • Logo redesign using the golden ratio
    • Documentation redesign
    • Forms documentation
    • Validation documentation
    • Design system documentation
    • Rewrote all 1000+ tests

    https://github.com/inkline/inkline/compare/v3.0.0-rc.11...v3.0.0

    Source code(tar.gz)
    Source code(zip)
  • v3.0.0-rc.11(Jan 5, 2022)

    • refactor: Made icons available using app.provide instead of icons controller. f914b04d

    https://github.com/inkline/inkline/compare/v3.0.0-rc.10...v3.0.0-rc.11

    Source code(tar.gz)
    Source code(zip)
  • v3.0.0-rc.10(Jan 5, 2022)

  • v3.0.0-rc.9(Jan 4, 2022)

    • fix: Removed prerelease:sourcemaps script. cf3c3bca
    • fix: Fixed tests. Moved scripts to shelljs. de891f6a
    • refactor: Switched to .cjs/umd file from vite build. 1b44b3a6
    • refactor: Removed dependency on @inkline/icons. 4221260a

    https://github.com/inkline/inkline/compare/v3.0.0-rc.8...v3.0.0-rc.9

    Source code(tar.gz)
    Source code(zip)
  • v3.0.0-rc.8(Jan 3, 2022)

  • v3.0.0-rc.7(Jan 3, 2022)

    • feat: Updated icons imports d0a565c0
    • feat: Added .cjs and .mjs variants for published files using mjscjs. 713df6bd

    https://github.com/inkline/inkline/compare/v3.0.0-rc.6...v3.0.0-rc.7

    Source code(tar.gz)
    Source code(zip)
  • v3.0.0-rc.6(Dec 31, 2021)

    • fix: Added module type and module target to package.json to support vite-ssg e5551e72

    https://github.com/inkline/inkline/compare/v3.0.0-rc.5...v3.0.0-rc.6

    Source code(tar.gz)
    Source code(zip)
  • v3.0.0-rc.5(Dec 31, 2021)

    • refactor: Updated plugin exports. Added main.ts as vite.js entry point. c84a1da1
    • chore: Updated @inkline/icons version. b8d24f79

    https://github.com/inkline/inkline/compare/v3.0.0-rc.4...v3.0.0-rc.5

    Source code(tar.gz)
    Source code(zip)
  • v3.0.0-rc.4(Dec 30, 2021)

    • refactor: Updated package module target. 5f573664
    • feat: Updated root file exports. 22a16d57

    https://github.com/inkline/inkline/compare/v3.0.0-rc.3...v3.0.0-rc.4

    Source code(tar.gz)
    Source code(zip)
  • v3.0.0-rc.3(Dec 30, 2021)

Owner
Inkline
Inkline is the customizable Vue.js UI/UX Library designed for creating flawless responsive websites.
Inkline
Vue.js components implementation of Fundamental Library Styles guidelines. The library is aiming to provide a Vue.js implementation of the components designed in Fundamental Library Styles.

Fundamental Vue Description The fundamental-vue library is a set of Vue.js components built using Fundamental Library Styles. Fundamental Library for

SAP 187 Nov 24, 2022
Vue3 ready components library built with love and care designed to integrate beautifully with Bulma CSS

Vue3-ui Vue3 ready components library built with love and care designed to integrate beautifully with Bulma CSS Documentation The full documentation f

null 49 Oct 15, 2022
Modern UI Library that is beautifully designed and ready to use.

Jenika-UI Modern UI Library that is beautifully designed and build projects on top of that. Installation Install from your favourite package managers.

Anbuselvan Rocky 3 Sep 16, 2022
A Vue.js 2.0 universal responsive UI component library

A Vue.js 2.0 universal responsive UI component library.. ?? Only for study purposes, do not use in production Docs Home Page Storybook Getting Started

Osiris UI 36 May 4, 2021
:diamonds: A modular and customizable UI library based on Material Design and Vue

BalmUI Next Generation Material UI for Vue.js Introduction BalmUI is a modular and customizable Material Design UI library for Vue.js. ?? NOW, balm-ui

BalmJS 423 Dec 1, 2022
A Vue 3 Component Library. Fairly Complete. Customizable Themes. Uses TypeScript. Not too Slow.

Naive UI A Vue 3 Component Library Fairly Complete, Customizable Themes, Uses TypeScript, Not too Slow Kinda Interesting English | 中文 Documentation ww

TuSimple 11k Dec 3, 2022
A set of completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS.

Completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS.

Tailwind Labs 17.8k Nov 25, 2022
Humans is designed for mobile and desktop for human users, To help developer to build UI quickly

Humans is designed for mobile and desktop for human users. And it is vue-based implementation. To help developer to build UI quickly.

freshes 14 Aug 9, 2021
Hippy is designed for developers to easily build cross-platform and high-performance awesome apps. 👏

Hippy is a cross-platform development framework, that aims to help developers write once, and run on multiple platforms(iOS, Android, Web, and so on). Hippy is quite friendly to Web developers, especially those who are familiar with React or Vue. With Hippy, developers can create the cross-platform app easily.

Tencent 6.9k Nov 28, 2022
Fast, Responsive, Multi Language, Both Direction Support and Configurable UI Framework based on Vue.js.

Framevuerk Fast, Responsive, Without Dependencies, Both Direction Support and Configurable UI Framework based on Vue.js. Setup First of all, you shoul

null 267 Nov 14, 2022
Flow-UI is a highly customizable UI framework based Seajs/jQuery。

English | 中文 Flow-UI ?? Flow-UI is a highly customizable UI framework based Seajs/jQuery。 Introduction Flow-UI has built-in CSS components, JS plug-in

Flow-UI 84 Jul 26, 2022
MADE Vue - A library of Vue 3 UI Components

MADE Vue A library of Vue 3 UI Components. Support MADE Vue ♥ Projects like MADE Vue are built and maintained in spare time. If you find this project

MADE Apps 4 Oct 6, 2022
N3-components , Powerful Vue UI Library.

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

null 1k Nov 11, 2022
🎉 A high quality component library built on Vue.js 2.0

dao-style A high quality component library built on Vue.js. English | 简体中文 Docs latest Who's using dao-style DaoCloud DaoVoice If you are also using d

DaoCloud.io 116 Aug 31, 2022
Free and Open Source UI Library for Vue 3 🤘

Free and Open Source UI Library for Vue 3 ??

Epicmax 1.9k Nov 26, 2022
🧬Equal UI is a Vue 3 components library with 30+ components based on TypeScript and personal design system.

??Equal UI is a Vue 3 components library with 30+ components based on TypeScript and personal design system.

Yan Savinov 860 Nov 23, 2022
AnyUI - A cute UI components library for Vue 3

AnyUI This is a cute UI components library for Vue 3. IMPORTANT: This project is still working in progress. How to use Step 1: Install the @any-design

null 19 Jun 13, 2022
Syncfusion Vue UI Components Library

Syncfusion Vue UI Components library has been built from the ground up to be lightweight, responsive, modular and touch friendly. It offers 50+ UI components that every applications will ever need.

Andres Ceron 0 Oct 2, 2020
A Vue 3 Component Library🖖

Unge - Means young in Danish Introduce ?? A component library based on Vue3 ?? Writen in .jsx | .vue && stylus Usage Install $ yarn add ungeui Import

null 53 Oct 28, 2022