Attractions is a pretty cool UI kit for Svelte.
SvelteKit is a framework for building web applications of all sizes, with a beautiful development experience and flexible filesystem-based routing.
Install Node.js - https://nodejs.org/en/ CLI.
Mac OS X
brew install node
See Node.js - https://nodejs.org/en/ to learn more about others OS.
Initialize SvelteKit app
npm init svelte@next cloudolife-sveltekit-attractions-demo
Install Attractions and dependencies
Add Attractions and its peer dependencies to your devDependencies:
npm install --save-dev attractions svelte-preprocess sass postcss
Use Attractions components
Import the desired components as named imports and use wherever you like!
npm run dev -- --open
It will open brower and visit http://localhost:3000.