A simple Sveltekit Uikit starter to help you scaffold a sveltekit project with Uikit as your beloved css framework.
- SCSS
- Svelte preprocessor
- Prettier
- Eslint
- Nav bar with data driven navigation
- Mobile Nav (not sticky: can easily add)
- Mega Menu (Array data inside component)
- Some basic pages (Home, Contact, Download, Login, Register)
- MainFooter (Sticky)
- MiniFooter (Sticky)
- Off canvas menu (Shares nav array links with main nav)
- User Profile Menu Dropdown (Data driven)
- Nav notification dropdown
- Off canvas extra wide notification drawer (Can be seen in mobile responsive mode)
- Breadcrumbs
- Parallex Slider (No images: add images and call the component)
- When you first run
npm run dev
, you'll get an error 500 that with message of "window not defined." However this error goes away when you begin navigating to other pages as everything works fine
Just run command below to clone the repository
git clone https://github.com/Sensei85/sveltikit-uikit-starter.git
Once you've cloned the project and installed dependencies with npm install
(or pnpm install
or yarn
), start a development server:
npm run dev
# or start the server and open the app in a new browser tab
npm run dev -- --open
To create a production version of your app:
npm run build
You can preview the production build with npm run preview
.
To deploy your app, you may need to install an adapter for your target environment.