diff --git a/vcf-splide-demo/pom.xml b/vcf-splide-demo/pom.xml
index c68ffd8..a4e6ed5 100644
--- a/vcf-splide-demo/pom.xml
+++ b/vcf-splide-demo/pom.xml
@@ -17,12 +17,11 @@
     </organization>
 
     <properties>
-        <vaadin.version>14.7.8</vaadin.version>
-        <flow.version>2.7.6</flow.version>
-        <maven.compiler.source>1.8</maven.compiler.source>
-        <maven.compiler.target>1.8</maven.compiler.target>
+        <vaadin.version>25.0.0-beta1</vaadin.version>
+        <jetty.plugin.version>12.1.2</jetty.plugin.version>
+        <maven.compiler.source>21</maven.compiler.source>
+        <maven.compiler.target>21</maven.compiler.target>
         <project.build.sourceEncoding>UTF-8</project.build.sourceEncoding>
-        <failOnMissingWebXml>false</failOnMissingWebXml>
     </properties>
 
     <dependencyManagement>
@@ -58,13 +57,6 @@
 			<artifactId>vcf-splide</artifactId>
             <version>${project.version}</version>
         </dependency>
-        
-        <!-- demo specific -->
-        <dependency>
-            <groupId>com.vaadin</groupId>
-            <artifactId>flow-component-demo-helpers</artifactId>
-            <version>${flow.version}</version>
-        </dependency>
 
         <!-- externals -->
         <dependency>
@@ -100,14 +92,17 @@
                 <groupId>org.apache.maven.plugins</groupId>
                 <artifactId>maven-war-plugin</artifactId>
                 <version>3.3.1</version>
+                <configuration>
+                    <failOnMissingWebXml>false</failOnMissingWebXml>
+                </configuration>
             </plugin>
             <!-- We use jetty plugin, replace it with your favourite developing servlet container -->
             <plugin>
-                <groupId>org.eclipse.jetty</groupId>
-                <artifactId>jetty-maven-plugin</artifactId>
-                <version>9.4.43.v20210629</version>
+                <groupId>org.eclipse.jetty.ee10</groupId>
+                <artifactId>jetty-ee10-maven-plugin</artifactId>
+                <version>${jetty.plugin.version}</version>
                 <configuration>
-                    <scanIntervalSeconds>1</scanIntervalSeconds>
+                    <scan>5</scan>
                 </configuration>
             </plugin>
             <!--
diff --git a/vcf-splide-demo/src/main/java/com/vaadin/componentfactory/demo/SplideDemoView.java b/vcf-splide-demo/src/main/java/com/vaadin/componentfactory/demo/SplideDemoView.java
index e4b6f20..d45669f 100644
--- a/vcf-splide-demo/src/main/java/com/vaadin/componentfactory/demo/SplideDemoView.java
+++ b/vcf-splide-demo/src/main/java/com/vaadin/componentfactory/demo/SplideDemoView.java
@@ -4,22 +4,27 @@
 import com.vaadin.componentfactory.addons.splide.Splide;
 import com.vaadin.componentfactory.addons.splide.VideoSlide;
 import com.vaadin.componentfactory.addons.splide.VideoType;
+import com.vaadin.flow.component.Component;
+import com.vaadin.flow.component.dependency.StyleSheet;
+import com.vaadin.flow.component.html.Div;
+import com.vaadin.flow.component.html.H2;
 import com.vaadin.flow.component.orderedlayout.HorizontalLayout;
-import com.vaadin.flow.demo.DemoView;
 import com.vaadin.flow.router.Route;
+import com.vaadin.flow.theme.lumo.Lumo;
+
 import java.util.Arrays;
 
 /**
  * View for {@link Splide} demo.
  */
 @Route("")
-public class SplideDemoView extends DemoView {
+@StyleSheet(Lumo.STYLESHEET)
+public class SplideDemoView extends Div {
 
-  @Override
-  public void initView() {
-    createImageSliderDemo();
-    createImageAndVideoSliderDemo();
-  }
+    public SplideDemoView() {
+      createImageSliderDemo();
+      createImageAndVideoSliderDemo();
+    }
 
   private void createImageSliderDemo() {
 
@@ -27,7 +32,7 @@ private void createImageSliderDemo() {
     // source-example-heading: Images slider demo
     ImageSlide slide1 = new ImageSlide("images/slide_1.jpg");
     ImageSlide slide2 = new ImageSlide("images/slide_2.png");
-    ImageSlide slide3 = new ImageSlide("https://source.unsplash.com/random/1000x1000?sig=3");
+    ImageSlide slide3 = new ImageSlide("https://picsum.photos/1000/1000");
 
     Splide slider = new Splide(Arrays.asList(slide1, slide2, slide3));
     slider.setId("images-slider-demo");
@@ -73,4 +78,18 @@ private void createImageAndVideoSliderDemo() {
     addCard("Images and videos slider demo", sliderLayoutContainer);
   }
 
+  private void addCard(String title, Component content) {
+    H2 cardTitle = new H2(title);
+
+    Div card = new Div();
+    card.getStyle().setMargin("40px auto");
+    card.getStyle().setMaxWidth("1000px");
+    card.getStyle().setMaxWidth("1000px");
+
+    card.add(cardTitle);
+    card.add(content);
+
+    add(card);
+  }
+
 }
diff --git a/vcf-splide/pom.xml b/vcf-splide/pom.xml
index eb0b465..7ecd20d 100644
--- a/vcf-splide/pom.xml
+++ b/vcf-splide/pom.xml
@@ -18,10 +18,10 @@
     </organization>
 
     <properties>
-        <vaadin.version>14.7.8</vaadin.version>
-        <flow.version>2.7.6</flow.version>
-        <maven.compiler.source>1.8</maven.compiler.source>
-        <maven.compiler.target>1.8</maven.compiler.target>
+        <vaadin.version>25.0.0-beta1</vaadin.version>
+        <jakarta.servlet.api.version>5.0.0</jakarta.servlet.api.version>
+        <maven.compiler.source>21</maven.compiler.source>
+        <maven.compiler.target>21</maven.compiler.target>
     </properties>
 
     <dependencyManagement>
@@ -45,7 +45,7 @@
         <dependency>
             <groupId>com.vaadin</groupId>
             <artifactId>flow-test-generic</artifactId>
-            <version>${flow.version}</version>
+            <version>${vaadin.version}</version>
             <scope>test</scope>
         </dependency>
         <dependency>
@@ -61,11 +61,11 @@
             <scope>test</scope>
         </dependency>
         <dependency>
-		    <groupId>javax.servlet</groupId>
-		    <artifactId>javax.servlet-api</artifactId>
-		    <version>3.0.1</version>
-		    <scope>provided</scope>
-		</dependency>
+            <groupId>jakarta.servlet</groupId>
+            <artifactId>jakarta.servlet-api</artifactId>
+            <version>${jakarta.servlet.api.version}</version>
+            <scope>provided</scope>
+        </dependency>
     </dependencies>
 
     <build>
diff --git a/vcf-splide/src/main/java/com/vaadin/componentfactory/addons/splide/Splide.java b/vcf-splide/src/main/java/com/vaadin/componentfactory/addons/splide/Splide.java
index ab7cacf..8fa1773 100644
--- a/vcf-splide/src/main/java/com/vaadin/componentfactory/addons/splide/Splide.java
+++ b/vcf-splide/src/main/java/com/vaadin/componentfactory/addons/splide/Splide.java
@@ -22,6 +22,8 @@
 import java.util.ArrayList;
 import java.util.List;
 import org.apache.commons.lang3.StringUtils;
+import tools.jackson.databind.JsonNode;
+
 import com.vaadin.flow.component.AttachEvent;
 import com.vaadin.flow.component.ClientCallable;
 import com.vaadin.flow.component.DetachEvent;
@@ -33,7 +35,6 @@
 import com.vaadin.flow.component.html.ListItem;
 import com.vaadin.flow.dom.Element;
 import com.vaadin.flow.dom.ElementFactory;
-import elemental.json.JsonValue;
 
 /**
  * Splide component definition. Splide uses splide library to display images and videos as a
@@ -107,8 +108,8 @@ private Element createSlidesDom(List<Slide> slides) {
         liSlide.getElement().addEventListener(
           "click",
           e -> {
-              JsonValue detail = e.getEventData().get("event.detail");
-              if (detail.asNumber() > 1 || fullScreen) {
+              JsonNode detail = e.getEventData().get("event.detail");
+              if (detail.asInt() > 1 || fullScreen) {
                   // do nothing, just ignore
               } else {
                 this.displayFullScreenMode();