Vulk - Multipurpose Vue 3 SSR SaaS Landing Pages UI Kit
Vulk is a Vue 3 landing page UI kit and design system that provides ready-to-use pages, components, and theming to accelerate web page creation, built with the Vue 3 Composition API. It includes SSR/SSG readiness, a Vite-powered development workflow, and Bulma-based styling for flexible, responsive layouts.
What Vulk is
- Vulk is a full-featured Vue 3 Landing page UI kit and design system.
- Vulk is written using the new Vue 3 Composition API.
- It provides ready pages to start building your web pages effortlessly, as well as a set of additional elements that will help you create new pages for your specific needs. Everything you need to start is there, features, content, CTA, pricing, forms, layouts, elements, components and much more..
- Please note however that Vulk is not a WordPress theme.
Technical foundations
- Built with Vue 3 SSR/SSG
- Vue (pronounced /vjuː/, like view) is a progressive framework for building user interfaces. Unlike other monolithic frameworks, Vue is designed from the ground up to be incrementally adoptable. Vulk is SSR / SSG ready and uses the native Vue 3 SSR features.
- Vite Powered
- Vulk is powered by Vite. Vite is an opinionated web dev build tool that serves your code via native ES Module imports during dev and bundles it with Rollup for production. Vite features lightning-fast cold server start, instant hot module replacement (HMR) and true on-demand compilation.
- Bulma framework
- If you want to try something different than Bootstrap designs and code, this is the perfect alternative. Bulma is a lightweight and easy to use css framework based on Flexbox. It’s mobile first grid has proven to be extremely flexible and perfect for mobile devices. On top of that, you have lot of responsive modifiers and mixins natively available. Vulk uses Bulma CSS vars leveraging native CSS variables.
- Theming capabilities
- Vulk styles are written in Scss outputed into a single minified css core file. You can easily use the existing colors or create a new theme one from scratch really quicklysuitable for your brand.
- Modular Core
- Vulk Scss source files structure follows a modular pattern. Everything is already sliced for a better code maintainability. More, you can customize the Bulma source files and variables before building Vulk ! CSS is also lazy loaded at the component level
- Nice looking starters
- Vulk features 100+ demo pages. it ships into a complete landing pages UI that you can use in your favorite platform or in a totally custom project. It provides everything you would need in a website like about pages, team sections, feature section, pricing sections and much more…
- Responsive design
- Vulk is based on Flexbox, wich is natively fit for mobile and tablets. Vulk is ultra responsive.
Theming and styling
- Template features
- 100+ demo pages
- Blazing fast Vite bundler
- Dependency management
- Development server
- Hot Reloading
- Graphic assets
- All variables are customizable
- Native Dark Mode
- NOTE: Please note that photos are not included in the main download files.
Starter content and demos
- Nice looking starters
- 100+ demo pages
- Blazing fast Vite bundler
- Dependency management
- Development server
- Hot Reloading
- Graphic assets
- All variables are customizable
- Native Dark Mode
Documentation and assets
- Fonts: Montserrat, Roboto
- Images: Unsplash, Pexels
- Illustrations: Freepik, Undraw
- Changelog: see Version History below
Changelog
Version 2.1.2 - Apr 05, 2025
- Bug Fixes
- enhance BackToTop visibility logic in default layout
- hero text overlaping with screenshots
- hide default details marker in Collapse component on safari
- hide default details marker in Collapse component on safari
- improve SSR error rendering during dev
- remove unnecessary whitespace and standardize image height in NavbarA component
- standardize image height in navbar components for firefox
- use montserrat variable font
Version 2.1.0 - Feb 16, 2025
- Features
- migrate to eslint 9 + remove prettier
- update sass + fix small styles issues
- update to vite 6 and node 22, and depedencies
- Bug Fixes
- add conditional rendering for related posts and make title/subtitle optional
- add option to configure html minifier for ssr/ssg
- lazy load plyr on mounted
- mapbox loading when no token set
- quickstarter: add layouts to build artifacts and exclude Footer/Navbar components from deletion
- remove npmrc with shamefully hoist
Version 2.0.1 - Oct 31, 2023
- Bug Fixes
- add seo meta examples
- node engine, charset and seo image size
- optional image and url config + expose VITE_APP_URL env variable
- update vite 5 beta + update packages + build issue
Version 2.0.0 - Aug 22, 2023
- ⚠ BREAKING CHANGES
- ActionLink: remove default label value + add icon property + allow using default slot
- DarkImage: remove darkmode store usage to let css display images
- create app.config.ts file, remove useLayout, replace darkmode cookie with localstorage
- Features
- upgrade to vite 5
- ActionLink: remove default label value + add icon property + allow using default slot
- allow to change logo in app.config.ts
- CenterdMedia: add default slot
- CompanyGrid: add subtitle property
- create app.config.ts file, remove useLayout, replace darkmode cookie with localstorage
- DarkImage: remove darkmode store usage to let css display images
- demo: add intermediate pages listing
- improve ssr + expose h3 event to ssr context
- Placeholder: allow using slots
- PlaceholderSection: allow using slots
- Subtitle: add text property + use dynamic component
- Title: add text property + use dynamic component
- use variable fonts from fontsources
- Bug Fixes
- add SSR comment in dockerfile
- ContentBlockB: tooltip border
- eslint: parse ts files
- minify html output on ssr/ssg
- Modal: make title props optional
- move gtm id to env
- replace .env with .env.example
- Tag: make label props optional
- ThemeToggle: initial dark mode state
Version 1.4.0 - Aug 14, 2023
- Features
- improve SSR and PWA
- replace @vueuse/head with unhead
- upgrade dependencies - replace vite-plugin-fonts with unplugin-fonts
- upgrade prettier and linter configuration
Version 1.3.1 - Jun 26, 2023
- Bug Fixes
- Footer: use raw router links in column (cad4d6c)
- improve navbar keyboard navigation (5cbfa32)
- mobile megamenu (01696d5)
- ssg: transorm windows paths for fast-glob (96553d0)
Version 1.3.0 - Feb 22, 2023
- Features
- add SSG build option + define package as module
- improve SSR perfs with optional shared cache
- update to vite 4 and improve accessibility
Version 1.2.0 - Sep 10, 2022
- Features
- add router scrollBehavior
- add ssr as an optional feature
- add vite auto-import plugin
- pre-optimize assets script, remove vite imagemin plugin
- ssr: use compatibility events from h3
- upgrade to vite 3
Version 1.1.0 - May 15, 2022
- Updated Live Demo
- Added 3 profile pages
- Fixed Pricing table 8 not being responsive
- Updated dependencies
Version 1.0.0 - Mar 09, 2022
The information on this website is sourced from the
ThemeForest product page
.