Plus UI
Plus UI ↗️Be Our Sponsor ↗️
  • Getting Started
    • Documentation Overview
    • Component List & Plans
    • Support
    • Contributing
    • FAQs
  • UI Library
    • Overview
    • Changelog
    • Installation
      • React
      • Vue
      • Angular
      • Svelte
  • Design System
    • Overview
    • Setting up on Figma
    • Styles & Variables
  • Components
    • Overview
    • Accordion
    • Alert
    • Avatar
    • Badge
    • Button
    • Button Group
    • Breadcrumb
    • Checkbox
    • Chip
    • Divider
    • Drawer
    • Dropdown
    • Input
    • Link
    • Modal
    • Popconfirm
    • Popover
    • Progress
    • Radio
    • Rating
    • Select
    • Tab
    • Textarea
    • Toast
    • Toggle
    • Tooltip
  • Foundation
    • Overview
    • Color
      • Color Palette
      • Color Variables
      • Color Token List
    • Typography
    • Icons
    • Border
    • Spacing
    • Opacity
    • Shadows & Effects
    • Breakpoints
  • Customization
    • Customization
    • Theme
    • Accessibility
    • Tokens
Powered by GitBook
On this page
  • Svelte Installation
  • Creating a Svelte project
  • Get help

Was this helpful?

  1. UI Library
  2. Installation

Svelte

Revolutionize Your Stelve Projects with Plus UI: The Future of Component Libraries

Svelte Installation

  1. Install plusui core library:

npm install @plusui/core
  1. Import into your project:


<script>
/* your scripts. here. */
import '@plusui/core';
import '@plusui/core/style.css'; </script>
<main>
<h1>Hello Plus UI</h1> <div>
<plus-button status="primary">Click me</plus-button> </div>
</main>
<style>
/* your styles here */
</style>
 

  1. npm run dev

Creating a Svelte project

To begin creating a project with Svelte and Plus UI, follow these steps:

Set up a Svelte project if you haven't already. Start by installing Svelte via your terminal:

npx degit sveltejs/template svelte-plus-ui
cd svelte-plus-ui
npm install
2

for more information, visit below link 👇.

Get help

Plus UI is more than a library; it’s a community. Engage with fellow developers, share your Plus UI projects, and contribute to the library’s growth. Your insights, feedback, and contributions drive the evolution of Plus UI:

PreviousAngularNextOverview

Last updated 1 year ago

Was this helpful?

Svelte for new developerssveltejs
Cover

Join Github Community

Cover

Join Discord Community

Cover

Join us on Twitter

Logo