lightvue
The Emerging UI Component library designed for Vue 3.x & Vue 2.x
File Explorer
Download Latest Version (.zip)- feature-request.md
- pull_request_template.md
- extensions.json
- readme.md
- settings.json
- build-meta.js
- package-build.json
- readme.md
- badge.scss
- Badge.vue
- index.js
- Button.d.ts
- Button.scss
- Button.vue
- ButtonAPI.js
- ButtonTheme.scss
- index.js
- card.scss
- Card.vue
- CardAPI.js
- GlassCard.vue
- index.js
- Checkbox.css
- Checkbox.d.ts
- Checkbox.vue
- _fill.scss
- _outline.scss
- _thick.scss
- _general.scss
- _general.scss
- _general.scss
- _fill.scss
- _general.scss
- _slim.scss
- _functions.scss
- _keyframes.scss
- _mixins.scss
- _animation.scss
- _bigger.scss
- _colors.scss
- _disabled.scss
- _locked.scss
- _plain.scss
- _print.scss
- _radio.scss
- _rounded.scss
- _toggle.scss
- _focus.scss
- _hover.scss
- _indeterminate.scss
- _core.scss
- _variables.scss
- Checkbox.d.ts
- Checkbox.scss
- Checkbox.vue
- CheckboxAPI.js
- index.js
- CheckboxGroup.vue
- CheckboxGroupOld.vue
- index.js
- Collapsible.vue
- index.js
- Alpha.vue
- Checkboard.vue
- clamp.js
- color.js
- ColorpickerCore.vue
- EditInput.vue
- Hue.vue
- Saturation.vue
- throttle.js
- tinycolor2.js
- ColorPicker.vue
- ColorpickerAPI.js
- index.js
- Dialog.d.ts
- Dialog.scss
- Dialog.vue
- DialogAPI.js
- index.js
- Drawer.scss
- Drawer.vue
- index.js
- Dropdown.d.ts
- Dropdown.scss
- Dropdown.vue
- DropdownAPI.js
- index.js
- OverlayAnimation.scss
- GlassCard.vue
- index.js
- index.js
- InlineInput.vue
- index.js
- Input.d.ts
- Input.scss
- Input.vue
- InputAccesibility.scss
- InputAPI.js
- InputTheme.scss
- package.json
- BallBeat.vue
- BallClipRotate.vue
- BallClipRotateMultiple.vue
- BallClipRotatePulse.vue
- BallGridBeat.vue
- BallGridPulse.vue
- BallPulse.vue
- BallPulseRise.vue
- BallPulseSync.vue
- BallRotate.vue
- BallScale.vue
- BallScaleMultiple.vue
- BallScaleRandom.vue
- BallScaleRipple.vue
- BallScaleRippleMultiple.vue
- BallSpinFadeLoader.vue
- BallTrianglePath.vue
- BallZigZag.vue
- BallZigZagDeflect.vue
- LineScale.vue
- LineScaleParty.vue
- LineScalePulseOut.vue
- LineScalePulseOutRapid.vue
- LineSpinFadeLoader.vue
- CubeTransition.vue
- Pacman.vue
- SemiCircleSpin.vue
- SquareSpin.vue
- TriangleSkewSpin.vue
- ball-beat.scss
- ball-clip-rotate-multiple.scss
- ball-clip-rotate-pulse.scss
- ball-clip-rotate.scss
- ball-grid-beat.scss
- ball-grid-pulse.scss
- ball-pulse-rise.scss
- ball-pulse-round.scss
- ball-pulse-sync.scss
- ball-pulse.scss
- ball-rotate.scss
- ball-scale-multiple.scss
- ball-scale-random.scss
- ball-scale-ripple-multiple.scss
- ball-scale-ripple.scss
- ball-scale.scss
- ball-spin-fade-loader.scss
- ball-spin-loader.scss
- ball-triangle-path.scss
- ball-zig-zag-deflect.scss
- ball-zig-zag.scss
- cube-transition.scss
- line-scale-pulse-out-rapid.scss
- line-scale-pulse-out.scss
- line-scale-random.scss
- line-scale.scss
- line-spin-fade-loader.scss
- pacman.scss
- semi-circle-spin.scss
- square-spin.scss
- triangle-skew-spin.scss
- _functions.scss
- _mixins.scss
- _variables.scss
- index.js
- Loader.vue
- LoaderBase.vue
- loaders.scss
- ProgressLoaderAPI.js
- index.js
- Notification.d.ts
- Notification.scss
- Notification.vue
- NotificationAPI.js
- NotificationCore.scss
- NotificationEventBus.js
- NotificationMessage.vue
- NotificationService.d.ts
- NotificationService.js
- index.js
- Number.vue
- NumberAPI.js
- index.js
- OverlayPanel.scss
- OverlayPanel.vue
- OverlayPanelAPI.js
- OverlayPanelTheme.scss
- index.js
- ProgressBar.d.ts
- ProgressBar.vue
- ProgressBarAPI.js
- index.js
- oldComponent.vue
- ProgressSpinner.vue
- ProgressSpinnerAPI.js
- index.js
- RadioGroup.vue
- DocumentEventHelper.js
- DragHelper.vue
- index.js
- utils.js
- index.js
- RangeSlider.scss
- RangeSlider.vue
- Rating.d.ts
- RatingOld.vue
- index.js
- Rating.scss
- Rating.vue
- RatingAPI.js
- Star.vue
- CardList.vue
- CodeLoader.vue
- ListLoader.vue
- GradientStop.vue
- index.js
- Skeleton.vue
- index.js
- Slider-old.vue
- Slider.d.ts
- Slider.vue
- SliderAPI.js
- TextContent.css
- TextEditor.scss
- helper.js
- index.js
- TextEditor.vue
- index.js
- Textarea.d.ts
- Textarea.vue
- TextareaAPI.js
- index.js
- Toast.d.ts
- Toast.scss
- Toast.vue
- ToastAPI.js
- ToastCore.scss
- ToastEventBus.js
- ToastMessage.vue
- ToastService.d.ts
- index.js
- package.json
- ToggleSwitch.d.ts
- ToggleSwitch.scss
- ToggleSwitch.vue
- ToggleSwitchAPI.js
- readme.md
- index.js
- Ripple.css
- Ripple.d.ts
- Ripple.js
- RippleAPI.js
- index.js
- Tooltip.css
- Tooltip.d.ts
- Tooltip.js
- TooltipAPI.js
- tooltipTheme.css
- readme.md
- index.js
- localValueMixin.js
- optionsMixin.js
- preventBrowserBackMixin.js
- trueValueMixin.js
- ConnectedOverlayScrollHandler.js
- copyToClipboard.js
- DateUtils.js
- DomHandler.js
- index.js
- ObjectUtils.js
- pubSub.d.ts
- pubSub.js
- Readme.md
- uniqueComponentsId.js
- readme.md
- router.scrollBehavior.js
- bamboo-watch.jpg
- architecture.jpg
- error.svg
- flag_placeholder.png
- flags_responsive.png
- footer-image.svg
- glasscard-demo-bg.jpg
- light-weight-bg-bottom.svg
- light-weight-bg-top.svg
- light-weight-bg.svg
- light-weight.svg
- migrate-vue.svg
- section-lighticons.svg
- _config.scss
- _core.scss
- _demo.scss
- Common.css
- lightscroll.scss
- alert.scss
- Common.css
- common.scss
- commonComponents.scss
- docsGlobal.scss
- flags.css
- lightvue.scss
- README.md
- wave.svg
- CodeHighlight.vue
- CodePrism.vue
- CopyButton.vue
- DocsAllApi.vue
- DocsApiTable.vue
- DocsApiTableEvents.vue
- DocsApiTableProps.vue
- DocsApiTableSlots.vue
- DocsCard.vue
- DocsCardBest.vue
- DocsCardVue.vue
- DocsPageCardsObserver.vue
- DocsPageLayout.vue
- GettingStarted.vue
- Loader.vue
- prism-old.scss
- prism.css
- ResponsiveDemo.vue
- splitpanes.css
- Hero.vue
- HeroCover.vue
- IndexFeatures.vue
- IndexFooter.vue
- LeadForm.vue
- SectionEnterprise.vue
- SectionFeatures.vue
- SectionLighticon.vue
- SectionLightweight.vue
- SectionPricing.vue
- SectionVueMigrate.vue
- LightIconsDisplay.vue
- LightIconsDocumentation.vue
- LightIconsHeader.vue
- LightIconsNavbar.vue
- AppDropdown.vue
- AppFooter.vue
- AppHeader.vue
- AppNavigationDrawer.vue
- AppSearch.vue
- AppSearchAis.vue
- DocsLayout.vue
- README.md
- default.vue
- error-layout.vue
- error.vue
- examples.scss
- landing.vue
- overwrite.scss
- README.md
- customization.vue
- customize.vue
- installation.vue
- light-icons.vue
- light-icons.vue
- badge.vue
- button.vue
- card.vue
- checkbox-group.vue
- checkbox.vue
- collapsible.vue
- color-picker.vue
- dialog.vue
- drawer.vue
- dropdown.vue
- glassmorphic-card.vue
- inline-input.vue
- input.vue
- loaders.vue
- notification.vue
- number.vue
- overlay-panel.vue
- page-loader.vue
- progress-bar.vue
- progress-spinner.vue
- radio-group.vue
- radio.vue
- rating.vue
- ripple.vue
- shimmer.vue
- slider.vue
- text-editor.vue
- textarea.vue
- toast.vue
- toggle-switch.vue
- tooltip.vue
- index.vue
- join.vue
- README.md
- support.vue
- global.js
- README.md
- CountryService.js
- CustomerService.js
- EventService.js
- NodeService.js
- PhotoService.js
- ProductService.js
- constant.ts
- favicon.ico
- hero-bg.svg
- light-icon.png
- light-icon_list.json
- logo_v2.png
- logo_v2.svg
- og-img.png
- ConnectedOverlayScrollHandler.js
- copy-to-clipboard.js
- DomHandler.js
- index.js
- ObjectUtils.js
- Readme.md
- UniqueComponentId.js
- .eslintrc.js
- Readme.md
- .editorconfig
- .gitignore
- .npmrc
- .prettierignore
- .prettierrc
- jsconfig.json
- nuxt.config.js
- package-lock.json
- package.json
- README.md
- index.vue
- router.options.ts
- global.components.ts
- lightvue.config.ts
- favicon.ico
- hero-bg.svg
- light-icon.png
- light-icon_list.json
- logo_v2.png
- logo_v2.svg
- og-img.png
- tsconfig.json
- .gitignore
- nuxt.config.ts
- package-lock.json
- package.json
- README.md
- tsconfig.json
- index.js
- pane.vue
- splitpanes.vue
- routes.js
- _redirects
- favicon.ico
- hero-bg.svg
- index.html
- light-icon.png
- light-icon_list.json
- logo_v2.png
- logo_v2.svg
- og-img.png
- index.js
- App.vue
- main.js
- .gitignore
- .npmrc
- babel.config.js
- package-lock.json
- package.json
- README.md
- vue.config.js
- BadgeApi.js
- BadgeDemo.vue
- ButtonAPI.js
- ButtonBestDemo.vue
- ButtonDemo_Basic.vue
- ButtonDemo_Colors.vue
- ButtonDemo_Group.vue
- ButtonDemo_Icons.vue
- ButtonDemo_Misc.vue
- ButtonDemo_Outlined.vue
- ButtonDemo_push-shadow.vue
- ButtonDemo_Raised.vue
- ButtonDemo_Rounded.vue
- ButtonDemo_Shadow.vue
- ButtonDemo_Sizes.vue
- ButtonDemo_Text.vue
- CardAPI.js
- CardBestDemo.vue
- CardBorderDemo.vue
- CardPaddingAndBGcolorDemo.vue
- CardRadiusDemo.vue
- CardShadowDemo.vue
- CheckboxAPI.js
- CheckboxBestDemo.vue
- CheckboxDemo.vue
- CheckboxDemo_Animation.vue
- CheckboxDemo_AnimationRadio.vue
- CheckboxDemo_Basic.vue
- CheckboxDemo_Disabled.vue
- CheckboxDemo_Icons.vue
- CheckboxDemo_Radio.vue
- CheckboxDemo_Size.vue
- CheckboxGroupAPI.js
- CheckboxGroupDemo.vue
- CheckboxGroupDemo1.vue
- CheckboxGroupDemo2.vue
- CheckboxGroupDemo3.vue
- CheckboxGroupDemo_Basic.vue
- AccordianDemo.vue
- CollapsibleAPI.js
- CollapsibleDemo.vue
- ColorpickerAPI.js
- ColorPickerBestDemo.vue
- ColorpickerDemo.vue
- ColorpickerDemo2.vue
- ColorpickerDemo3.vue
- DialogAPI.js
- DialogDemo.vue
- DialogDemo_Position.vue
- DialogDemoMaximizable.vue
- DialogDemoModel.vue
- DialogeDemoConfirmation.vue
- DrawerAPI.js
- DrawerBestDemo.vue
- DrawerDemo.vue
- DrawerDemoRelative.vue
- DropdownAPI.js
- DropdownBestDemo.vue
- DropdownDemo_Basic.vue
- DropdownDemo_Disable.vue
- DropdownDemo_EditableInput.vue
- DropdownDemo_Floating.vue
- DropdownDemo_HelpText.vue
- DropdownDemo_Material.vue
- DropdownDemo_Rounded.vue
- DropdownDemo_ScrollHeight.vue
- DropdownDemo_Search.vue
- DropdownDemo_Styled.vue
- DropdownDemo_Styled_old.vue
- GlassBGandPaddingDemo.vue
- GlassBlurDemo.vue
- GlassBorderDemo.vue
- glasscard-demo-bg.jpg
- GlassCardAPI.js
- GlassCardBestDemo.vue
- GlassOpacityDemo.vue
- InlineInputAPI.js
- InlineInputBestDemo.vue
- InputAPI.js
- InputBestDemo.vue
- InputDemo_Basic.vue
- InputDemo_Clearable.vue
- InputDemo_FloatingLabel.vue
- InputDemo_Icons.vue
- InputDemo_MaterialEffect.vue
- InputDemo_PrependAppend.vue
- InputDemo_Rounded.vue
- ToggleSwitchAPI.js
- ToggleSwitchDemo_Basic.vue
- ToggleSwitchDemo_Colors.vue
- ToggleSwitchDemo_Dense.vue
- ToggleSwitchDemo_Icon.vue
- ToggleSwitchDemo_LabelPosition.vue
- ToggleSwitchDemo_State.vue
- Icons.vue
- Installation.vue
- BallBeatDemo.vue
- BallClipRotateDemo.vue
- BallClipRotateMultipleDemo.vue
- BallClipRotatePulseDemo.vue
- BallGridBeatDemo.vue
- BallGridPulseDemo.vue
- BallPulseDemo.vue
- BallPulseRiseDemo.vue
- BallPulseSyncDemo.vue
- BallRotateDemo.vue
- BallScaleDemo.vue
- BallScaleMultipleDemo.vue
- BallScaleRandomDemo.vue
- BallScaleRippleDemo.vue
- BallScaleRippleMultipleDemo.vue
- BallSpinFadeLoaderDemo.vue
- BallTrianglePathDemo.vue
- BallZigZagDeflectDemo.vue
- BallZigZagDemo.vue
- LineScaleDemo.vue
- LineScalePartyDemo.vue
- LineScalePulseOutDemo.vue
- LineScalePulseOutRapidDemo.vue
- LineSpinFadeLoaderDemo.vue
- CubeTransitionDemo.vue
- PacmanDemo.vue
- SemiCircleSpinDemo.vue
- SquareSpinDemo.vue
- TriangleSkewSpinDemo.vue
- ProgressLoaderAPI.js
- ProgressLoaderDemo_ball.vue
- NotificationAPI.js
- NotificationDemo.vue
- NotificationDemo_Option.vue
- NotificationDemo_Position.vue
- NotificationDemo_RemoveAll.vue
- Number_BasicDemo.vue
- Number_IconDemo.vue
- Number_InputSpinnerDemo.vue
- Number_MaterialEffect.vue
- Number_RoundedDemo.vue
- Number_ValueDemo.vue
- Number_WithoutButtonDemo.vue
- NumberAPI.js
- NumberBestDemo.vue
- OverlayPanelAPI.js
- OverlayPanelDemo_Basic.vue
- ProgressBarAPI.js
- ProgressBarDemo_Colored.vue
- ProgressBarDemo_Dynamic.vue
- ProgressBarDemo_Indeterminate.vue
- ProgressBarDemo_Static.vue
- BallBeatDemo.vue
- BallClipRotateDemo.vue
- BallClipRotateMultipleDemo.vue
- BallClipRotatePulseDemo.vue
- BallGridBeatDemo.vue
- BallGridPulseDemo.vue
- BallPulseDemo.vue
- BallPulseRiseDemo.vue
- BallPulseSyncDemo.vue
- BallRotateDemo.vue
- BallScaleDemo.vue
- BallScaleMultipleDemo.vue
- BallScaleRandomDemo.vue
- BallScaleRippleDemo.vue
- BallScaleRippleMultipleDemo.vue
- BallSpinFadeLoaderDemo.vue
- BallTrianglePathDemo.vue
- BallZigZagDeflectDemo.vue
- BallZigZagDemo.vue
- LineScaleDemo.vue
- LineScalePartyDemo.vue
- LineScalePulseOutDemo.vue
- LineScalePulseOutRapidDemo.vue
- LineSpinFadeLoaderDemo.vue
- CubeTransitionDemo.vue
- PacmanDemo.vue
- SemiCircleSpinDemo.vue
- SquareSpinDemo.vue
- TriangleSkewSpinDemo.vue
- ProgressLoaderDemo_ball.vue
- ProgressSpinnerAPI.js
- ProgressSpinnerAPI.js
- ProgressSpinnerColorDemo.vue
- ProgressSpinnerDurationDemo.vue
- ProgressSpinnerSizeDemo.vue
- ProgressSpinnerStrokeDemo.vue
- CheckboxGroupAPI.js
- RadioDemo_Basic.vue
- RadioGroupDemo1.vue
- RadioGroupDemo2.vue
- RadioGroupDemo3.vue
- RadioGroupDemo_Basic.vue
- RatingDemo.vue
- RatingDemo_Basic.vue
- RatingDemo_Options.vue
- RatingDemo_Styling.vue
- RatingDemo7.vue
- RatingDemo_1.vue
- RatingDemo_2.vue
- RatingDemo_3.vue
- RatingDemo_4.vue
- RatingDemo_5.vue
- RatingDemo_6.vue
- RatingDemo_1.vue
- RatingDemo_2.vue
- RatingDemo_3.vue
- RatingDemo_4.vue
- RatingDemo_5.vue
- RatingDemo_6.vue
- RatingAPI.js
- RatingBestDemo.vue
- RippleAPI.js
- RippleBasicDemo.vue
- RippleColorDemo.vue
- ShimmersDemo__Basic.vue
- ShimmersDemo__CardList.vue
- ShimmersDemo__CodeLoader.vue
- ShimmersDemo__ListLoader.vue
- ShimmersDemo__Preset.vue
- ShimmersDemo_animate.vue
- ShimmersDemo_color.vue
- ShimmersDemo_dimension.vue
- ShimmersDemo_opacity.vue
- ShimmersDemo_speed.vue
- ShimmersDemoBasic.vue
- ShimmersAPI.js
- SliderAPI.js
- SliderBestDemo.vue
- SliderDemo.vue
- SliderDemo_Color.vue
- SliderDemo_CustomColor.vue
- SliderDemo_CustomRange.vue
- SliderDemo_Label.vue
- SliderDemo_Step.vue
- TextEditorAPI.js
- TextEditorBestDemo.vue
- TextEditorDemo.vue
- TextareaAPI.js
- TextAreaAutoResizeDemo.vue
- TextareaBestDemo.vue
- TextAreaCharacterCount.vue
- TextareaDemo__Basic.vue
- TextareaDemo__Customised.vue
- TextAreaDemo_Rounded.vue
- TextAreaFloatingLabel.vue
- TextAreaIcon.vue
- TextAreaVerticalResize.vue
- ToastAPI.js
- ToastDemo.vue
- ToastDemo_Options.vue
- ToastDemo_Position.vue
- ToastDemo_RemoveAll.vue
- TooltipAPI.js
- TooltipFocusDemo.vue
- TooltipHoverDemo.vue
- Readme.md
- .deepsource.toml
- .editorconfig
- .gitignore
- .npmignore
- .npmrc
- .prettierignore
- .prettierrc
- .release-it.json
- CODE_OF_CONDUCT.md
- CONTRIBUTING.md
- package-lock.json
- package.json
- README.md
- rollup.config.js
# Installation Guide
1. Get the code
git clone https://github.com/lightvue/lightvue
Downloads the entire project code from GitHub to your computer.
cd lightvue
Moves into the project folder you just downloaded.
2. Node.js
Easy RecommendedPrerequisites
npm install lightvue
Downloads and installs the libraries listed in package.json.
npm install lightvue@next
Downloads and installs the libraries listed in package.json.
After running the command, open the address shown in the terminal (usually something like http://localhost:3000) in your browser.
Pulled directly from this repo's README.
// repository documentation
Was this content helpful?
(0 ratings)
