Elenext(WIP)

A Vue.js 3.0 UI Toolkit for Web

Foreword

The purpose of this project is not to copy Element2 and translate it using Vue3, and compatibility is not a priority

If you are used to Element2 and want to use it under Vue3, we recommend moving to Element Plus.

This project implements a more modern browser-compliant UI framework that makes extensive use of various new features.

Features

• zero-configuration bundler for vue3 components ==> tsrv
  • tsrv dev/build
  • tsrv test
• vite docs/demo stie ==> vite-plugin-vuedoc
  • docs stie
  • support markdown
  • demo preview
• prop types definitions ==> vptypes
  • typescript support
  • basic check
• style
  • Reconfiguration style
  • use css variables
• components
  • [] something

Docs & Demo

https://elenext.vercel.app

Install

yarn add elenext

Quick Start

import 'elenext/dist/elenext.css'
import { createApp } from 'vue'
import elenext from 'elenext'
import App from './App.vue'

const app = createApp(App)

app.use(elenext)
app.mount('#app')

For more information, please refer to Quick Start in our documentation.

Browser Support

Modern browsers and Internet Explorer 11+.

Development

Skip this part if you just want to use Elenext.

Todo

✨ 组件库 ✨

• Grid
  • ERow
  • ECol
• Layout
  • ELayout
  • EMain
  • EAside
  • EFooter
  • EHeader
• Button
  • EButton
  • EButtonGroup
• ELink
• EBreadcrumb
  • EBreadcrumbItem
• EPagination
• Icon
• EAlert
• EPopper
• ETooltip
• EPopover
• Menu
  • EMenu
  • ESubMenu
  • EMenuItem
  • EMenuItemGroup
• EInput
  • EInputGroup
• radio
• checkbox
• card
• date-picker
• dialog
• divider
• drawer
• dropdown
• form
• image
• loading
• message
• notification
• option
• pagination
• progress

Additional Tools

• tsrv Zero Configuration bundler for vue3 components

• vite-plugin-vuedoc Markdown document preview and code highlighting for vite

• vptypes Vue3 Prop Types definitions

Author

👤 jaskang

• Website: https://github.com/jaskang

Show your support

Give a ⭐️ if this project helped you!