© 2026 Hedgehog Software, LLC

TwitterGitHubDiscord
More
CommunitiesDocsAboutTermsPrivacy
Search
Star
Setup for Free
FilamentF
Filament•2y ago•
7 replies
CGM

How to add NPM added assets to Filament.

I'm getting a little lost in the docs on this one.

I'm looking to integrate https://swiperjs.com/ into a project and want to include the sources (js/css) in my project using NPM.

$ npm install swiper
$ npm install swiper


Could anyone point me in the right direction as to what to do next to ensure the proper imports happen when the field is loaded?

How do I access the assets added using NPM in my field and then how/where do I import?

// import Swiper bundle with all modules installed
import Swiper from 'swiper/bundle';

// import styles bundle
import 'swiper/css/bundle';
// import Swiper bundle with all modules installed
import Swiper from 'swiper/bundle';

// import styles bundle
import 'swiper/css/bundle';
Swiper
Swiper - The Most Modern Mobile Touch Slider
Swiper is the most modern free mobile touch slider with hardware accelerated transitions and amazing native behavior.
Swiper - The Most Modern Mobile Touch Slider
Filament banner
FilamentJoin
A powerful open source UI framework for Laravel • Build and ship admin panels & apps fast with Livewire
20,307Members
Resources

Similar Threads

Was this page helpful?
Recent Announcements

Similar Threads

How to put Filament assets together with Vite assets?
FilamentFFilament / ❓┊help
3y ago
How add Filament to Webpage
FilamentFFilament / ❓┊help
11mo ago
Publish filament assets
FilamentFFilament / ❓┊help
3y ago
Unable to load filament assets
FilamentFFilament / ❓┊help
16mo ago