diff --git a/packages/preview/slipst/0.3.0/LICENSE b/packages/preview/slipst/0.3.0/LICENSE
new file mode 100644
index 0000000000..f732c28e22
--- /dev/null
+++ b/packages/preview/slipst/0.3.0/LICENSE
@@ -0,0 +1,201 @@
+                                 Apache License
+                           Version 2.0, January 2004
+                        http://www.apache.org/licenses/
+
+   TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+
+   1. Definitions.
+
+      "License" shall mean the terms and conditions for use, reproduction,
+      and distribution as defined by Sections 1 through 9 of this document.
+
+      "Licensor" shall mean the copyright owner or entity authorized by
+      the copyright owner that is granting the License.
+
+      "Legal Entity" shall mean the union of the acting entity and all
+      other entities that control, are controlled by, or are under common
+      control with that entity. For the purposes of this definition,
+      "control" means (i) the power, direct or indirect, to cause the
+      direction or management of such entity, whether by contract or
+      otherwise, or (ii) ownership of fifty percent (50%) or more of the
+      outstanding shares, or (iii) beneficial ownership of such entity.
+
+      "You" (or "Your") shall mean an individual or Legal Entity
+      exercising permissions granted by this License.
+
+      "Source" form shall mean the preferred form for making modifications,
+      including but not limited to software source code, documentation
+      source, and configuration files.
+
+      "Object" form shall mean any form resulting from mechanical
+      transformation or translation of a Source form, including but
+      not limited to compiled object code, generated documentation,
+      and conversions to other media types.
+
+      "Work" shall mean the work of authorship, whether in Source or
+      Object form, made available under the License, as indicated by a
+      copyright notice that is included in or attached to the work
+      (an example is provided in the Appendix below).
+
+      "Derivative Works" shall mean any work, whether in Source or Object
+      form, that is based on (or derived from) the Work and for which the
+      editorial revisions, annotations, elaborations, or other modifications
+      represent, as a whole, an original work of authorship. For the purposes
+      of this License, Derivative Works shall not include works that remain
+      separable from, or merely link (or bind by name) to the interfaces of,
+      the Work and Derivative Works thereof.
+
+      "Contribution" shall mean any work of authorship, including
+      the original version of the Work and any modifications or additions
+      to that Work or Derivative Works thereof, that is intentionally
+      submitted to Licensor for inclusion in the Work by the copyright owner
+      or by an individual or Legal Entity authorized to submit on behalf of
+      the copyright owner. For the purposes of this definition, "submitted"
+      means any form of electronic, verbal, or written communication sent
+      to the Licensor or its representatives, including but not limited to
+      communication on electronic mailing lists, source code control systems,
+      and issue tracking systems that are managed by, or on behalf of, the
+      Licensor for the purpose of discussing and improving the Work, but
+      excluding communication that is conspicuously marked or otherwise
+      designated in writing by the copyright owner as "Not a Contribution."
+
+      "Contributor" shall mean Licensor and any individual or Legal Entity
+      on behalf of whom a Contribution has been received by Licensor and
+      subsequently incorporated within the Work.
+
+   2. Grant of Copyright License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      copyright license to reproduce, prepare Derivative Works of,
+      publicly display, publicly perform, sublicense, and distribute the
+      Work and such Derivative Works in Source or Object form.
+
+   3. Grant of Patent License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      (except as stated in this section) patent license to make, have made,
+      use, offer to sell, sell, import, and otherwise transfer the Work,
+      where such license applies only to those patent claims licensable
+      by such Contributor that are necessarily infringed by their
+      Contribution(s) alone or by combination of their Contribution(s)
+      with the Work to which such Contribution(s) was submitted. If You
+      institute patent litigation against any entity (including a
+      cross-claim or counterclaim in a lawsuit) alleging that the Work
+      or a Contribution incorporated within the Work constitutes direct
+      or contributory patent infringement, then any patent licenses
+      granted to You under this License for that Work shall terminate
+      as of the date such litigation is filed.
+
+   4. Redistribution. You may reproduce and distribute copies of the
+      Work or Derivative Works thereof in any medium, with or without
+      modifications, and in Source or Object form, provided that You
+      meet the following conditions:
+
+      (a) You must give any other recipients of the Work or
+          Derivative Works a copy of this License; and
+
+      (b) You must cause any modified files to carry prominent notices
+          stating that You changed the files; and
+
+      (c) You must retain, in the Source form of any Derivative Works
+          that You distribute, all copyright, patent, trademark, and
+          attribution notices from the Source form of the Work,
+          excluding those notices that do not pertain to any part of
+          the Derivative Works; and
+
+      (d) If the Work includes a "NOTICE" text file as part of its
+          distribution, then any Derivative Works that You distribute must
+          include a readable copy of the attribution notices contained
+          within such NOTICE file, excluding those notices that do not
+          pertain to any part of the Derivative Works, in at least one
+          of the following places: within a NOTICE text file distributed
+          as part of the Derivative Works; within the Source form or
+          documentation, if provided along with the Derivative Works; or,
+          within a display generated by the Derivative Works, if and
+          wherever such third-party notices normally appear. The contents
+          of the NOTICE file are for informational purposes only and
+          do not modify the License. You may add Your own attribution
+          notices within Derivative Works that You distribute, alongside
+          or as an addendum to the NOTICE text from the Work, provided
+          that such additional attribution notices cannot be construed
+          as modifying the License.
+
+      You may add Your own copyright statement to Your modifications and
+      may provide additional or different license terms and conditions
+      for use, reproduction, or distribution of Your modifications, or
+      for any such Derivative Works as a whole, provided Your use,
+      reproduction, and distribution of the Work otherwise complies with
+      the conditions stated in this License.
+
+   5. Submission of Contributions. Unless You explicitly state otherwise,
+      any Contribution intentionally submitted for inclusion in the Work
+      by You to the Licensor shall be under the terms and conditions of
+      this License, without any additional terms or conditions.
+      Notwithstanding the above, nothing herein shall supersede or modify
+      the terms of any separate license agreement you may have executed
+      with Licensor regarding such Contributions.
+
+   6. Trademarks. This License does not grant permission to use the trade
+      names, trademarks, service marks, or product names of the Licensor,
+      except as required for reasonable and customary use in describing the
+      origin of the Work and reproducing the content of the NOTICE file.
+
+   7. Disclaimer of Warranty. Unless required by applicable law or
+      agreed to in writing, Licensor provides the Work (and each
+      Contributor provides its Contributions) on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
+      implied, including, without limitation, any warranties or conditions
+      of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
+      PARTICULAR PURPOSE. You are solely responsible for determining the
+      appropriateness of using or redistributing the Work and assume any
+      risks associated with Your exercise of permissions under this License.
+
+   8. Limitation of Liability. In no event and under no legal theory,
+      whether in tort (including negligence), contract, or otherwise,
+      unless required by applicable law (such as deliberate and grossly
+      negligent acts) or agreed to in writing, shall any Contributor be
+      liable to You for damages, including any direct, indirect, special,
+      incidental, or consequential damages of any character arising as a
+      result of this License or out of the use or inability to use the
+      Work (including but not limited to damages for loss of goodwill,
+      work stoppage, computer failure or malfunction, or any and all
+      other commercial damages or losses), even if such Contributor
+      has been advised of the possibility of such damages.
+
+   9. Accepting Warranty or Additional Liability. While redistributing
+      the Work or Derivative Works thereof, You may choose to offer,
+      and charge a fee for, acceptance of support, warranty, indemnity,
+      or other liability obligations and/or rights consistent with this
+      License. However, in accepting such obligations, You may act only
+      on Your own behalf and on Your sole responsibility, not on behalf
+      of any other Contributor, and only if You agree to indemnify,
+      defend, and hold each Contributor harmless for any liability
+      incurred by, or claims asserted against, such Contributor by reason
+      of your accepting any such warranty or additional liability.
+
+   END OF TERMS AND CONDITIONS
+
+   APPENDIX: How to apply the Apache License to your work.
+
+      To apply the Apache License to your work, attach the following
+      boilerplate notice, with the fields enclosed by brackets "[]"
+      replaced with your own identifying information. (Don't include
+      the brackets!)  The text should be enclosed in the appropriate
+      comment syntax for the file format. We also recommend that a
+      file or class name and description of purpose be included on the
+      same "printed page" as the copyright notice for easier
+      identification within third-party archives.
+
+   Copyright 2026 Wybxc
+
+   Licensed under the Apache License, Version 2.0 (the "License");
+   you may not use this file except in compliance with the License.
+   You may obtain a copy of the License at
+
+       http://www.apache.org/licenses/LICENSE-2.0
+
+   Unless required by applicable law or agreed to in writing, software
+   distributed under the License is distributed on an "AS IS" BASIS,
+   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+   See the License for the specific language governing permissions and
+   limitations under the License.
diff --git a/packages/preview/slipst/0.3.0/README.md b/packages/preview/slipst/0.3.0/README.md
new file mode 100644
index 0000000000..a1efca1d50
--- /dev/null
+++ b/packages/preview/slipst/0.3.0/README.md
@@ -0,0 +1,157 @@
+# Slipst
+
+Slipst is a package for creating dynamic presentations in Typst, inspired by [slipshow](https://slipshow.org).
+
+It introduces a novel way of structuring presentations using "slips" that scroll from top to bottom, instead of relying on fixed-size slides. This frees presenters from the constraints of slide dimensions.
+
+Slipst works with Typst's HTML export feature to create interactive presentations in web browsers.
+For current version (0.14) of Typst, extra flags are needed to enable HTML export:
+
+```bash
+typst compile your-presentation.typ --format html --features html
+```
+
+## Quick Start
+
+```typst
+#import "@preview/slipst:0.3.0": *
+#show: slipst
+
+= First Slip
+
+The document flows from top to bottom.
+Whenever a `#pause` is encountered, the presentation will pause here,
+waiting for the presenter to navigate to the next slip.
+
+#pause
+
+= Second Slip
+
+The second slip appears after navigating down.
+```
+
+Refer to the [tutorial](https://slipst.wybxc.cc/tutorial.html) and [advanced guide](https://slipst.wybxc.cc/advanced.html) for a more comprehensive guide.
+
+## References
+
+### Setup
+
+To turn your Typst document into a slipst presentation, apply the `slipst` show rule:
+
+```typst
+#show: slipst
+```
+
+You can customize the presentation using the `slipst.with()` function:
+
+```typst
+#show: slipst.with(
+  width: 16cm,
+  spacing: auto,
+  margin: 0.5cm,
+  show-fn: it => it
+)
+```
+
+**Parameters:**
+
+- `width`: The width of the presentation area.
+- `spacing`: Vertical spacing between slips. Default is `auto` (same as `par.spacing`).
+- `margin`: Margin between the presentation area and the viewport edges.
+- `show-fn`: A function that takes slip content and returns the displayed content, allowing custom decorations or wrappers.
+
+> **Note:** The values for `width`, `spacing`, and `margin` are _logical lengths_. They scale proportionally with screen size to maintain consistent relative spacing across different devices.
+
+### Animations
+
+Use `#pause` to define where one slip ends and the next begins. It takes no parameters.
+
+```typst
+#pause
+```
+
+The `#up` command makes the selected slip slide upward out of view when the current slip is displayed. It accepts a [selector](https://typst.app/docs/reference/foundations/selector/) as its argument.
+
+```typst
+#up(<label>)
+```
+
+A common pattern is to label a `#pause` and reference it in `#up`:
+
+```typst
+#pause <first-slip>
+...
+#up(<first-slip>)
+```
+
+You can also provide an `offset` to `#up` to select a slip relative to the chosen selector. For example, to slide up the slip immediately before the selected one:
+
+```typst
+#up(<label>, offset: -1)
+```
+
+And the `dy` parameter allows you to specify a custom vertical distance for the sliding animation. For example, to scroll to 5cm below the top of the selected slip:
+
+```typst
+#up(<label>, dy: 5cm)
+```
+
+For dynamic selections, `#up` can also accept a function that returns a selector. This is useful with context-aware selectors like [`here()`](https://typst.app/docs/reference/introspection/here/). Combined with `offset`, you can slide up the previous slip without an explicit label:
+
+```typst
+#up(() => here(), offset: -1)
+```
+
+### Replacing Animations
+
+Refer to the [advanced guide](https://slipst.wybxc.cc/advanced.html).
+
+### Handout Export
+
+Slipst can also export a PDF handout containing all slips. To enable this, add the `handout: true` parameter to the `slipst` show rule:
+
+```typst
+#show: slipst.with(handout: true)
+```
+
+Then you can export the PDF version of your presentation using the `pdf` format:
+
+```bash
+typst compile your-presentation.typ --format pdf
+```
+
+## Roadmap
+
+- Basic slip functionality with up/down navigation.
+- Persistent state across sessions.
+- Slips replacing animations, as well as Cetz and Flether animations.
+- (TODO) Custom aspect ratios for the visual area.
+- (TODO) Visual structure for subslips.
+- (TODO) Whiteboard mode for live drawing.
+- (TODO) Advanced navigation.
+- PDF handout export.
+
+## Changelog
+
+### 0.3.0
+
+- Slips replacing animations are now supported, allowing you to create more complex and dynamic presentations.
+- Now you can scroll up to positions inside a slip, instead of just the top of each slip.
+- Added support for PDF handout export.
+- Fixed: more edges cases in slip division and navigation.
+- Fixed: click events not handled correctly in certain scenarios.
+
+### 0.2.1
+
+- Fixed: slips not dividing correctly in certain edge cases.
+
+### 0.2.0
+
+- The generated HTML no longer depends on CDN resources, enabling fully offline use.
+- Progress is now controlled and persisted via the URL hash instead of session storage.
+- Spacing between slips and page margins now scale with the screen size and can be customized in the `show` rule.
+- Added support for gesture navigation (swipe up/down) on touch devices.
+
+### 0.1.0
+
+- Initial release with basic slip presentation functionality.
diff --git a/packages/preview/slipst/0.3.0/lib.typ b/packages/preview/slipst/0.3.0/lib.typ
new file mode 100644
index 0000000000..ab801c3d88
--- /dev/null
+++ b/packages/preview/slipst/0.3.0/lib.typ
@@ -0,0 +1 @@
+#import "slipst.typ": pause, slipst, up, alter, uncover, only
diff --git a/packages/preview/slipst/0.3.0/slipst.css b/packages/preview/slipst/0.3.0/slipst.css
new file mode 100644
index 0000000000..2aa3af7a9c
--- /dev/null
+++ b/packages/preview/slipst/0.3.0/slipst.css
@@ -0,0 +1 @@
+/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.15}body{margin:0}main{display:block}h1{margin:.67em 0;font-size:2em}hr{box-sizing:content-box;overflow:visible;height:0}pre{font-family:monospace;font-size:1em}a{background-color:#0000}abbr[title]{text-decoration:underline;text-decoration:underline dotted;border-bottom:none}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace;font-size:1em}small{font-size:80%}sub,sup{position:relative;vertical-align:baseline;font-size:75%;line-height:0}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:100%;line-height:1.15}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner{border-style:none;padding:0}[type=button]::-moz-focus-inner{border-style:none;padding:0}[type=reset]::-moz-focus-inner{border-style:none;padding:0}[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring{outline:1px dotted buttontext}[type=button]:-moz-focusring{outline:1px dotted buttontext}[type=reset]:-moz-focusring{outline:1px dotted buttontext}[type=submit]:-moz-focusring{outline:1px dotted buttontext}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;white-space:normal;max-width:100%;padding:0}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button{height:auto}[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template,[hidden]{display:none}:root{--slip-width:1;--slip-margin:0;--slip-spacing:0;--slip-1cm:calc(1/var(--slip-width)*100em);--relative-spacing:calc(var(--slip-spacing)*var(--slip-1cm));--relative-margin:calc(var(--slip-margin)*var(--slip-1cm));--transition-duration:.5s}body{display:grid;overflow:hidden;background-color:#000;place-items: center;width:100vw;height:100vh}main{overflow:hidden;background-color:#fff;width:177.778vh;height:100vh;font-size:1.77778vh}@media (max-aspect-ratio:16/9){main{width:100vw;height:56.25vw;font-size:1vw}}#container{position:relative;display:grid;grid-auto-flow:row;grid-template-columns:1fr;grid-auto-rows:max-content;align-items: center;gap:var(--relative-spacing);padding:0 var(--relative-margin);margin-top:var(--relative-margin);box-sizing:border-box;isolation:isolate;transition:top var(--transition-duration)ease-in-out;width:100%;top:0}.slip{opacity:0;mix-blend-mode:plus-lighter;transition:opacity var(--transition-duration)ease-in-out;width:100%}
diff --git a/packages/preview/slipst/0.3.0/slipst.js b/packages/preview/slipst/0.3.0/slipst.js
new file mode 100644
index 0000000000..dcd0977d28
--- /dev/null
+++ b/packages/preview/slipst/0.3.0/slipst.js
@@ -0,0 +1 @@
+var So=Symbol.for("preact-signals");function i(){if(!(G>1)){var o,r=!1;while(j!==void 0){var f=j;j=void 0,n++;while(f!==void 0){var m=f.o;if(f.o=void 0,f.f&=-3,!(8&f.f)&&No(f))try{f.c()}catch(x){if(!r)o=x,r=!0}f=m}}if(n=0,G--,r)throw o}else G--}var k=void 0;function Jo(o){var r=k;k=void 0;try{return o()}finally{k=r}}var j=void 0,G=0,n=0,S=0;function Ko(o){if(k!==void 0){var r=o.n;if(r===void 0||r.t!==k){if(r={i:0,S:o,p:k.s,n:void 0,t:k,e:void 0,x:void 0,r},k.s!==void 0)k.s.n=r;if(k.s=r,o.n=r,32&k.f)o.S(r);return r}else if(r.i===-1){if(r.i=0,r.n!==void 0){if(r.n.p=r.p,r.p!==void 0)r.p.n=r.n;r.p=k.s,r.n=void 0,k.s.n=r,k.s=r}return r}}}function D(o,r){this.v=o,this.i=0,this.n=void 0,this.t=void 0,this.W=r==null?void 0:r.watched,this.Z=r==null?void 0:r.unwatched,this.name=r==null?void 0:r.name}D.prototype.brand=So;D.prototype.h=function(){return!0};D.prototype.S=function(o){var r=this,f=this.t;if(f!==o&&o.e===void 0)if(o.x=f,this.t=o,f!==void 0)f.e=o;else Jo(function(){var m;(m=r.W)==null||m.call(r)})};D.prototype.U=function(o){var r=this;if(this.t!==void 0){var{e:f,x:m}=o;if(f!==void 0)f.x=m,o.e=void 0;if(m!==void 0)m.e=f,o.x=void 0;if(o===this.t){if(this.t=m,m===void 0)Jo(function(){var x;(x=r.Z)==null||x.call(r)})}}};D.prototype.subscribe=function(o){var r=this;return y(function(){var f=r.value,m=k;k=void 0;try{o(f)}finally{k=m}},{name:"sub"})};D.prototype.valueOf=function(){return this.value};D.prototype.toString=function(){return this.value+""};D.prototype.toJSON=function(){return this.value};D.prototype.peek=function(){var o=k;k=void 0;try{return this.value}finally{k=o}};Object.defineProperty(D.prototype,"value",{get:function(){var o=Ko(this);if(o!==void 0)o.i=this.i;return this.v},set:function(o){if(o!==this.v){if(n>100)throw Error("Cycle detected");this.v=o,this.i++,S++,G++;try{for(var r=this.t;r!==void 0;r=r.x)r.t.N()}finally{i()}}}});function t(o,r){return new D(o,r)}function No(o){for(var r=o.s;r!==void 0;r=r.n)if(r.S.i!==r.i||!r.S.h()||r.S.i!==r.i)return!0;return!1}function Po(o){for(var r=o.s;r!==void 0;r=r.n){var f=r.S.n;if(f!==void 0)r.r=f;if(r.S.n=r,r.i=-1,r.n===void 0){o.s=r;break}}}function Vo(o){var r=o.s,f=void 0;while(r!==void 0){var m=r.p;if(r.i===-1){if(r.S.U(r),m!==void 0)m.n=r.n;if(r.n!==void 0)r.n.p=m}else f=r;if(r.S.n=r.r,r.r!==void 0)r.r=void 0;r=m}o.s=f}function H(o,r){D.call(this,void 0),this.x=o,this.s=void 0,this.g=S-1,this.f=4,this.W=r==null?void 0:r.watched,this.Z=r==null?void 0:r.unwatched,this.name=r==null?void 0:r.name}H.prototype=new D;H.prototype.h=function(){if(this.f&=-3,1&this.f)return!1;if((36&this.f)==32)return!0;if(this.f&=-5,this.g===S)return!0;if(this.g=S,this.f|=1,this.i>0&&!No(this))return this.f&=-2,!0;var o=k;try{Po(this),k=this;var r=this.x();if(16&this.f||this.v!==r||this.i===0)this.v=r,this.f&=-17,this.i++}catch(f){this.v=f,this.f|=16,this.i++}return k=o,Vo(this),this.f&=-2,!0};H.prototype.S=function(o){if(this.t===void 0){this.f|=36;for(var r=this.s;r!==void 0;r=r.n)r.S.S(r)}D.prototype.S.call(this,o)};H.prototype.U=function(o){if(this.t!==void 0){if(D.prototype.U.call(this,o),this.t===void 0){this.f&=-33;for(var r=this.s;r!==void 0;r=r.n)r.S.U(r)}}};H.prototype.N=function(){if(!(2&this.f)){this.f|=6;for(var o=this.t;o!==void 0;o=o.x)o.t.N()}};Object.defineProperty(H.prototype,"value",{get:function(){if(1&this.f)throw Error("Cycle detected");var o=Ko(this);if(this.h(),o!==void 0)o.i=this.i;if(16&this.f)throw this.v;return this.v}});function Qo(o){var r=o.u;if(o.u=void 0,typeof r=="function"){G++;var f=k;k=void 0;try{r()}catch(m){throw o.f&=-2,o.f|=8,oo(o),m}finally{k=f,i()}}}function oo(o){for(var r=o.s;r!==void 0;r=r.n)r.S.U(r);o.x=void 0,o.s=void 0,Qo(o)}function lo(o){if(k!==this)throw Error("Out-of-order effect");if(Vo(this),k=o,this.f&=-2,8&this.f)oo(this);i()}function R(o,r){this.x=o,this.u=void 0,this.s=void 0,this.o=void 0,this.f=32,this.name=r==null?void 0:r.name}R.prototype.c=function(){var o=this.S();try{if(8&this.f)return;if(this.x===void 0)return;var r=this.x();if(typeof r=="function")this.u=r}finally{o()}};R.prototype.S=function(){if(1&this.f)throw Error("Cycle detected");this.f|=1,this.f&=-9,Qo(this),Po(this),G++;var o=k;return k=this,lo.bind(this,o)};R.prototype.N=function(){if(!(2&this.f))this.f|=2,this.o=j,j=this};R.prototype.d=function(){if(this.f|=8,!(1&this.f))oo(this)};R.prototype.dispose=function(){this.d()};function y(o,r){var f=new R(o,r);try{f.c()}catch(x){throw f.d(),x}var m=f.d.bind(f);return m[Symbol.dispose]=m,m}function ro(o,r,{signal:f,edges:m}={}){let x=void 0,e=null,p=m!=null&&m.includes("leading"),B=m==null||m.includes("trailing"),W=()=>{if(e!==null)o.apply(x,e),x=void 0,e=null},E=()=>{if(B)W();z()},C=null,w=()=>{if(C!=null)clearTimeout(C);C=setTimeout(()=>{C=null,E()},r)},b=()=>{if(C!==null)clearTimeout(C),C=null},z=()=>{b(),x=void 0,e=null},q=()=>{W()},J=function(...X){if(f?.aborted)return;x=this,e=X;let M=C==null;if(w(),p&&M)W()};return J.schedule=w,J.cancel=z,J.flush=q,f?.addEventListener("abort",z,{once:!0}),J}function L(o){return o!=null}class fo{constructor(){this.__map={}}beforeEach(o){this.__interceptor=o}on(o,r){let f=Array.isArray(o)?o:[o];for(let m of f){this.__map[m]=this.__map[m]||[];let x=this.__map[m];x&&x.push(r)}return this}emit(o,r,f){this.__interceptor!==void 0?this.__interceptor(o,()=>{this.__emit(o,r),f&&f()}):(this.__emit(o,r),f&&f())}__emit(o,r){let f=this.__map[o];if(Array.isArray(f)&&(f==null?void 0:f.length))for(let m of f)m(r,o);this.event=r}off(o,r){let f=this.__map[o];if(f!==void 0)if(r===void 0)delete this.__map[o];else{let m=f.findIndex((x)=>x===r);f.splice(m,1)}}destroy(){this.__map={}}}var Y="clientX",Z="clientY",To=16,$="start",Xo="move",_="cancel",N="end",Yo="left",Zo="right",l="up",$o="down";var ho={4:"start",5:"move",1:"end",3:"cancel"};function I(o){return ho[o]}function A(o,r,f){let m={1:{0:{move:4},4:{move:5,end:1,cancel:3},5:{move:5,end:1,cancel:3}},0:{4:{move:2,end:1,cancel:3},5:{start:2,move:2,end:1,cancel:3}}}[Number(o)][r];return m!==void 0&&m[f]||0}function Q(o){[1,3,2].includes(o.state)&&(o.state=0)}function g(o){return[5,1,3].includes(o)}function d(o){if(o.disabled)return o.state=0,!0}function K(o,r){return Object.assign(Object.assign(Object.assign({},o),r),{state:0,disabled:!1})}function mo(o){return Math.round(100*o)/100}function Go(){let o,r,f,m,x=0;return function(e){if(o=r,e!==void 0){x=Number.MAX_SAFE_INTEGER>x?++x:1;let p=function(E,C){let{phase:w,points:b,changedPoints:z,nativeEvent:q}=E,J=b.length,X=$===w,M=N===w&&J===0||_===w,Uo=Date.now(),{x:wo,y:qo}=Ho(b)||Ho(z),{currentTarget:Do}=q;return Object.assign(E,{id:C,x:wo,y:qo,timestamp:Uo,isStart:X,isEnd:M,pointLength:J,currentTarget:Do,getOffset(vo=Do){let Fo=vo.getBoundingClientRect();return{x:wo-Math.round(Fo.left),y:qo-Math.round(Fo.top)}}})}(e,x);r=p;let{isStart:B,pointLength:W}=p;return B&&(f=p,o=void 0,m=1<W?p:void 0),Object.assign(Object.assign({},p),{prevInput:o,startMultiInput:m,startInput:f})}}}function Ho(o){let{length:r}=o;if(0<r){if(r===1){let{clientX:m,clientY:x}=o[0];return{x:Math.round(m),y:Math.round(x)}}let f=o.reduce((m,x)=>(m.x+=x[Y],m.y+=x[Z],m),{x:0,y:0});return{x:Math.round(f.x/r),y:Math.round(f.y/r)}}}function Ro(o,r,f,m){let x={};for(let p in f)["target","currentTarget","type"].includes(p)||(x[p]=f[p]);let e;return document.createEvent?(e=document.createEvent("HTMLEvents"),e.initEvent(o,m==null?void 0:m.bubbles,m==null?void 0:m.cancelable)):e=new Event(o,m),Object.assign(e,x,{match:()=>f.targets&&0<f.targets.length&&f.targets.every((p)=>e.currentTarget.contains(p))}),r.dispatchEvent(e)}function ao(o,r){let{preventDefault:f}=r;return m=f,Object.prototype.toString.call(m)==="[object Function]"?f(o):!!f;var m}var _o=["touchstart","touchmove","touchend","touchcancel","mousedown"],Io=["mousemove","mouseup"],uo={domEvents:{bubbles:!0,cancelable:!0},preventDefault:(o)=>{if(o.target&&"tagName"in o.target){let{tagName:r}=o.target;return!/^(?:INPUT|TEXTAREA|BUTTON|SELECT)$/.test(r)}return!1}};class xo extends fo{constructor(o,r){super(),this.v="2.1.3",this.__computeFunctionList=[],this.__computeFunctionCreatorList=[],this.__pluginContexts=[],this.__isIgnoreMouse=!1,this.el=o,this.c={},this.__options=Object.assign(Object.assign({},uo),r);let f=function(x){let e=Go();return function(p){let B=[],W=[];Array.from(p.touches).forEach(({clientX:C,clientY:w,target:b})=>{(x==null?void 0:x.contains(b))&&(B.push(b),W.push({clientX:C,clientY:w,target:b}))});let E=Array.from(p.changedTouches).map(({clientX:C,clientY:w,target:b})=>({clientX:C,clientY:w,target:b}));return e({phase:p.type.replace("touch",""),changedPoints:E,points:W,nativeEvent:p,target:p.target,targets:B})}}(this.el),m=function(){let x,e=!1,p=null,B=Go();return function(W){let{clientX:E,clientY:C,type:w,button:b,target:z}=W,q,J=[{clientX:E,clientY:C,target:z}];if(w==="mousedown"&&b===0)p=z,e=!0,q="start";else{if(!e)return;w==="mousemove"?q="move":w==="mouseup"&&(J=[],q="end",e=!1)}let X=x||[{clientX:E,clientY:C,target:z}];if(x=[{clientX:E,clientY:C,target:z}],q!==void 0)return B({phase:q,changedPoints:X,points:J,target:p,targets:[p],nativeEvent:W})}}();if(this.__inputCreatorMap={touchstart:f,touchmove:f,touchend:f,touchcancel:f,mousedown:m,mousemove:m,mouseup:m},this.on("at:after",(x)=>{let{target:e,__type:p}=x,{domEvents:B}=this.__options;B&&this.el!==void 0&&e&&(Ro(p,e,x,B),Ro("at:after",e,x,B))}),o!==void 0){o.style.webkitTapHighlightColor="rgba(0,0,0,0)";let x=!1;try{let e={};Object.defineProperty(e,"passive",{get(){x=!0}}),window.addEventListener("_",()=>{},e)}catch(e){}this.on("u",function(e,p,B){return _o.forEach((W)=>{e.addEventListener(W,p,B)}),Io.forEach((W)=>{window.addEventListener(W,p,B)}),()=>{_o.forEach((W)=>{e.removeEventListener(W,p)}),Io.forEach((W)=>{window.removeEventListener(W,p)})}}(o,this.catchEvent.bind(this),this.__options.preventDefault===!1&&x?{passive:!0}:{passive:!1}))}}use(o,r){this.__pluginContexts.push(o(this,r))}catchEvent(o){let r=this.__inputCreatorMap[o.type](o);if(r!==void 0){let f=()=>o.stopPropagation(),m=()=>o.stopImmediatePropagation(),x=()=>o.preventDefault();if(ao(o,this.__options))x();else if(o.type==="touchstart"?this.__isIgnoreMouse=!0:o.type==="touchmove"&&(this.__isIgnoreMouse=!1),this.__isIgnoreMouse&&o.type.startsWith("mouse"))return void(o.type==="mouseup"&&(this.__isIgnoreMouse=!1));this.emit("input",r),this.emit2(`at:${r.phase}`,r,{});let e={};this.__computeFunctionList.forEach((p)=>{let B=p(r,e);if(B!==void 0)for(let W in B)e[W]=B[W]}),this.emit("computed",Object.assign(Object.assign(Object.assign({},r),e),{stopPropagation:f,stopImmediatePropagation:m,preventDefault:x}))}}compute(o,r){for(let f of o)this.__computeFunctionCreatorList.includes(f)||(this.__computeFunctionCreatorList.push(f),this.__computeFunctionList.push(f()));this.on("computed",r)}beforeEach(o){super.beforeEach((r,f)=>{var m;((m=this.c)===null||m===void 0?void 0:m.name)?o(r,f):f()})}get(o){return this.__pluginContexts.find((r)=>o===r.name)}set(o){this.__options=Object.assign(Object.assign({},this.__options),o)}emit2(o,r,f){this.c=f,this.emit(o,Object.assign(Object.assign({},r),{type:o}),()=>{this.emit("at:after",Object.assign(Object.assign({},r),{name:o,__type:o}))})}destroy(){this.emit("u"),super.destroy()}}var V=(o)=>Math.sqrt(o.x*o.x+o.y*o.y),co=(o,r)=>o.x*r.x+o.y*r.y,so=(o,r)=>{var f=V(o)*V(r);if(f===0)return 0;var m=co(o,r)/f;return m>1&&(m=1),Math.acos(m)},no=(o,r)=>o.x*r.y-r.x*o.y,eo=(o)=>o/Math.PI*180,po=(o,r)=>{var f=so(o,r);return no(o,r)>0&&(f*=-1),eo(f)},Bo=(o,r)=>{if(o!==0||r!==0)return Math.abs(o)>=Math.abs(r)?0<o?Zo:Yo:0<r?$o:l};function Ao(){let o=0,r=0;return function(f,m){let{prevVecotr:x,startVecotr:e,activeVecotr:p}=m;return p&&(r=Math.round(po(p,x)),o=Math.round(po(p,e))),{angle:o,deltaAngle:r}}}function go(){return function(o){let{prevInput:r}=o,f=0,m=0,x=0;if(r!==void 0&&(f=o.x-r.x,m=o.y-r.y,f!==0||m!==0)){let e=Math.sqrt(Math.pow(f,2)+Math.pow(m,2));x=Math.round(eo(Math.acos(Math.abs(f)/e)))}return{deltaX:f,deltaY:m,deltaXYAngle:x}}}function T(){let o,r=0,f=0,m=0,x=0,e=0;return function(p){let{phase:B,startInput:W}=p;return $===B?(r=0,f=0,m=0,x=0,e=0):Xo===B&&(r=Math.round(p.points[0][Y]-W.points[0][Y]),f=Math.round(p.points[0][Z]-W.points[0][Z]),m=Math.abs(r),x=Math.abs(f),e=Math.round(V({x:m,y:x})),o=Bo(r,f)),{displacementX:r,displacementY:f,distanceX:m,distanceY:x,distance:e,overallDirection:o}}}function Mo(){let o=1;return function(r,f){let m=1,{prevVecotr:x,startVecotr:e,activeVecotr:p}=f;return p&&(m=mo(V(p)/V(x)),o=mo(V(p)/V(e))),{scale:o,deltaScale:m}}}function h(){let o,r,f=0,m=0,x=0,e=0;return function(p){if(p!==void 0){r=r||p.startInput;let B=p.timestamp-r.timestamp;if(To<B){let W=p.x-r.x,E=p.y-r.y;x=Math.round(W/B*100)/100,e=Math.round(E/B*100)/100,f=Math.abs(x),m=Math.abs(e),o=Bo(W,E),r=p}}return{velocityX:f,velocityY:m,speedX:x,speedY:e,direction:o}}}function a(){let o=0;return function(r){let{phase:f}=r;return $===f&&(o=r.pointLength),{maxPointLength:o}}}function Wo(o){return{x:o.points[1][Y]-o.points[0][Y],y:o.points[1][Z]-o.points[0][Z]}}function u(){let o,r,f;return function(m){let{prevInput:x,startMultiInput:e}=m;return e!==void 0&&x!==void 0&&m.id!==e.id&&1<x.pointLength&&1<m.pointLength?(o=Wo(e),r=Wo(x),f=Wo(m)):f=void 0,{startVecotr:o,prevVecotr:r,activeVecotr:f}}}var io={name:"tap",pointLength:1,tapTimes:1,waitNextTapTime:300,maxDistance:2,maxDistanceFromPrevTap:9,maxPressTime:250};function U(o,r){let f=K(io,r),m,x,e,p=0;function B(){p=0,m=void 0,x=void 0}return o.compute([T,a],(W)=>{if(d(f))return;let{phase:E,x:C,y:w}=W;N===E&&(f.state=0,!function(){let{startInput:b,pointLength:z,timestamp:q}=W,J=q-b.timestamp,{distance:X,maxPointLength:M}=W;return M===f.pointLength&&z===0&&f.maxDistance>=X&&f.maxPressTime>J}()?(B(),f.state=2):(clearTimeout(e),function(b,z){if(m!==void 0){let q=V({x:b.x-m.x,y:b.y-m.y});return m=b,z.maxDistanceFromPrevTap>=q}return m=b,!0}({x:C,y:w},f)&&function(b){let z=performance.now();if(x===void 0)return x=z,!0;{let q=z-x;return x=z,q<b}}(f.waitNextTapTime)?p++:p=1,p%f.tapTimes==0?(f.state=1,o.emit2(f.name,W,f),B()):e=setTimeout(()=>{f.state=2,B()},f.waitNextTapTime)))}),f}var to={name:"pan",threshold:10,pointLength:1};function ko(o,r){let f=K(to,r);return o.compute([h,T,go],(m)=>{if(Q(f),d(f))return;let x=function(){let{pointLength:e,distance:p}=m;return f.pointLength===e&&f.threshold<=p}();if(f.state=A(x,f.state,m.phase),x||g(f.state)){let{name:e}=f;o.emit2(e,m,f),o.emit2(e+I(f.state),m,f),![N,_].includes(m.phase)&&m.direction&&o.emit2(e+m.direction,m,f)}}),f}var or={name:"swipe",threshold:10,velocity:0.3,pointLength:1};function Co(o,r){let f=K(or,r);return o.compute([T,h,a],(m)=>{if(f.state=0,!f.disabled&&function(){if(N!==m.phase)return!1;let{velocityX:x,velocityY:e,distance:p,maxPointLength:B}=m;return B===f.pointLength&&m.points.length===0&&f.threshold<p&&f.velocity<Math.max(x,e)}()){let{name:x}=f;f.state=1,o.emit2(x,m,f),o.emit2(x+m.direction,m,f)}}),f}var rr={name:"press",pointLength:1,maxDistance:9,minPressTime:251};function bo(o,r){let f=K(rr,r),m=0;return o.compute([T],(x)=>{if(d(f))return;let{phase:e,startInput:p,pointLength:B}=x;if($===e&&f.pointLength===B)Q(f),clearTimeout(m),m=setTimeout(()=>{f.state=1,o.emit2(f.name,x,f)},f.minPressTime);else if(N===e&&f.state===1)o.emit2(`${f.name}${l}`,x,f);else if(f.state!==1){let W=x.timestamp-p.timestamp;(!function(){let{distance:E}=x;return E&&f.maxDistance>E}()||f.minPressTime>W&&[N,_].includes(e))&&(clearTimeout(m),f.state=2)}}),f}var fr={name:"pinch",threshold:0,pointLength:2};function Eo(o,r){let f=K(fr,r);return o.compute([u,Mo],(m)=>{if(Q(f),d(f))return;let x=function(){let{pointLength:B,scale:W,deltaScale:E,phase:C}=m;return f.pointLength===B&&f.threshold<Math.abs(W-1)}();f.state=A(x,f.state,m.phase);let{name:e}=f;if(x||g(f.state)){o.emit2(e,m,f);let{deltaScale:B}=m;B!==1&&o.emit2(e+(1<B?"in":"out"),m,f)}let p=I(f.state);p&&o.emit2(e+p,m,f)}),f}var mr={name:"rotate",threshold:0,pointLength:2};function zo(o,r){let f=K(mr,r);return o.compute([u,Ao],(m)=>{if(d(f))return;Q(f);let x=function(){let{pointLength:B,angle:W}=m;return f.pointLength===B&&f.threshold<Math.abs(W)}();f.state=A(x,f.state,m.phase);let{name:e}=f;(x||g(f.state))&&o.emit2(e,m,f);let p=I(f.state);p&&o.emit2(e+p,m,f)}),f}function jo(o){o.use(U,{name:"doubletap",tapTimes:2});let r=o.get("doubletap"),f;return o.beforeEach((m,x)=>{m==="tap"?(clearTimeout(f),f=setTimeout(()=>{[0,2].includes(r.state)&&x()},300)):x()}),r}class O extends xo{constructor(o,r){super(o,r),this.use(U),this.use(ko),this.use(Co),this.use(bo),this.use(Eo),this.use(zo)}}O.STATE_POSSIBLE=0,O.STATE_START=4,O.STATE_MOVE=5,O.STATE_END=1,O.STATE_CANCELLED=3,O.STATE_FAILED=2,O.STATE_RECOGNIZED=1,O.tap=U,O.pan=ko,O.swipe=Co,O.press=bo,O.rotate=zo,O.pinch=Eo,O.doubletap=jo;document.querySelectorAll(".slip > svg").forEach((o)=>{if(o instanceof SVGElement)o.style.width="100%",o.style.height="auto"});function yo(){let o=/^(?<slip>\d+)(?:-(?<alter>\d+))?/.exec(location.hash.slice(1))?.groups,r=parseInt(o?.slip??"1",10);if(isNaN(r)||r<1)r=1;let f=parseInt(o?.alter??"0",10);if(isNaN(f)||f<0)f=0;return{slip:r,alter:f}}var{slip:xr,alter:er}=yo(),F=t(xr),P=t(er);y(()=>{let o=`#${F.value}`;if(P.value>1)o+=`-${P.value}`;if(location.hash!==o)history.replaceState(null,"",o)});window.addEventListener("hashchange",()=>{let{slip:o,alter:r}=yo();if(o!==F.value)F.value=o;if(r!==P.value)P.value=r});var pr=Array.from(document.querySelectorAll(".slip")).map((o)=>{let r=o.getAttribute("data-slip");return r!==null?parseInt(r,10):0}).reduce((o,r)=>Math.max(o,r),0),Oo=new Map(Array.from(document.querySelectorAll(".slip")).map((o)=>{let r=o.getAttribute("data-slip"),f=o.getAttribute("data-slip-alter-num"),m=r!==null?parseInt(r,10):0,x=f!==null?parseInt(f,10):1;return[m,x]}));function v(){let o=Oo.get(F.value)??1;if(P.value<o)P.value+=1;else if(F.value<pr)F.value+=1,P.value=1}function s(){if(P.value>1)P.value-=1;else if(F.value>1){F.value-=1;let o=Oo.get(F.value)??1;P.value=o}}var c=document.querySelector("main");if(c){c.addEventListener("click",v),c.addEventListener("wheel",ro((r)=>r.deltaY>0?v():s(),50,{edges:["leading"]}));let o=new O(c);o.on("swipeup",v),o.on("swipeleft",v),o.on("swiperight",s),o.on("swipedown",s)}document.addEventListener("keydown",(o)=>{if(["ArrowRight","ArrowDown","PageDown"," ","Enter"].includes(o.key))v();else if(["ArrowLeft","ArrowUp","PageUp","Backspace"].includes(o.key))s()});y(()=>{document.querySelectorAll(".slip").forEach((o)=>{let r=o.getAttribute("data-slip"),f=r!==null?parseInt(r,10):0,m=o.getAttribute("data-slip-alter-idx"),x=m!==null?parseInt(m,10):1;if(o instanceof HTMLElement)if(f<F.value)if(x!==(Oo.get(f)??1))o.style.opacity="0";else o.style.opacity="1";else if(f===F.value)if(x===P.value)o.style.opacity="1";else o.style.opacity="0";else o.style.opacity="0"})});var Lo=()=>{let o=document.querySelector(`[data-slip="${F.value}"]`)?.getAttribute("data-slip-up"),r=document.querySelector(`[data-slip="${F.value}"]`)?.getAttribute("data-slip-dy");for(let f=F.value-1;f>0;f--){if(L(o))break;o=document.querySelector(`[data-slip="${f}"]`)?.getAttribute("data-slip-up"),r=document.querySelector(`[data-slip="${f}"]`)?.getAttribute("data-slip-dy")}if(L(o)){let f=document.querySelectorAll(`[data-slip="${o}"]`),m=Array.from(f).filter((e)=>e instanceof HTMLElement).filter((e)=>window.getComputedStyle(e).display!=="none")[0],x=document.getElementById("container");if(m instanceof HTMLElement&&x instanceof HTMLElement)if(L(r)){let e=parseFloat(r);x.style.top=`calc(${-m.offsetTop}px - ${e} * var(--slip-1cm))`}else x.style.top=`${-m.offsetTop}px`}else{let f=document.getElementById("container");if(f instanceof HTMLElement)f.style.top="0"}};y(Lo);if(document.defaultView)document.defaultView.addEventListener("resize",()=>{document.documentElement.style.setProperty("--transition-duration","0s"),Lo(),setTimeout(()=>{document.documentElement.style.setProperty("--transition-duration","0.5s")},1)});
diff --git a/packages/preview/slipst/0.3.0/slipst.typ b/packages/preview/slipst/0.3.0/slipst.typ
new file mode 100644
index 0000000000..50b37ec63b
--- /dev/null
+++ b/packages/preview/slipst/0.3.0/slipst.typ
@@ -0,0 +1,157 @@
+#import "utils.typ": *
+
+#let pause = if dictionary(std).at("html", default: none) == none {
+  parbreak()
+} else {
+  metadata("slipst-pause")
+}
+#let up(label, offset: 0, dy: 0) = metadata((slipst-action: (up: label, offset: offset, dy: dy)))
+#let alter(num) = metadata((slipst-action: (alter: num)))
+
+#let preview-mode = state("preview-mode", false)
+#let slipst-counter = counter("slipst")
+#let slipst-alter-counter = counter("slipst-alter")
+
+#let uncover(ranges, cover: hide, raw: false, body) = {
+  let inner = () => {
+    if preview-mode.get() {
+      return body
+    }
+
+    let ranges = _parse_ranges(ranges)
+    let alter-idx = slipst-alter-counter.get().first()
+    let should-show = _is_in_ranges(alter-idx, ranges)
+    if should-show {
+      body
+    } else {
+      cover(body)
+    }
+  }
+  if raw {
+    inner()
+  } else {
+    context inner()
+  }
+}
+
+#let only = uncover.with(cover: it => none)
+
+#let _cut(it) = {
+  let (slips, remainder) = it.children.fold((slips: (), remainder: ()), (acc, it) => {
+    let (slips, remainder) = acc
+    if it.func() == metadata and it.value == "slipst-pause" {
+      (slips + (remainder,), (it,))
+    } else {
+      (slips, remainder + (it,))
+    }
+  })
+  let slips = slips + (remainder,)
+  let slips = slips.map(_strip).filter(slip => slip.len() > 0)
+  slips
+}
+
+#let _slip(slip, width: auto, show-fn: it => it) = context {
+  let slip-idx = slipst-counter.get().first()
+  let attrs = (class: "slip", data-slip: str(slip-idx))
+
+  let actions = slip
+    .filter(it => it.func() == metadata)
+    .map(it => it.value)
+    .filter(it => type(it) == dictionary)
+    .map(it => it.at("slipst-action", default: none))
+    .filter(it => type(it) == dictionary)
+  let up = actions.rev().find(it => it.at("up", default: none) != none)
+  let alter = actions.rev().find(it => it.at("alter", default: none) != none)
+  let alter-num = if type(alter) == dictionary {
+    alter.at("alter", default: 1)
+  } else {
+    1
+  }
+  attrs.insert("data-slip-alter-num", str(alter-num))
+
+  if type(up) == dictionary {
+    let anchor = up.at("up")
+
+    let offset = up.at("offset", default: 0)
+    assert(type(offset) == int, message: "Offset must be a number")
+
+    let dy = up.at("dy", default: 0)
+    assert(type(dy) == length or dy == 0, message: "dy must be a length")
+
+    if type(anchor) == function {
+      anchor = anchor()
+    }
+    let anchor = slipst-counter.at(anchor).first()
+    attrs.insert("data-slip-up", str(anchor + offset))
+    if dy != 0 {
+      attrs.insert("data-slip-dy", str(dy.to-absolute().cm()))
+    }
+  }
+
+  for alter-idx in range(1, alter-num + 1) {
+    let attrs-local = (
+      "data-slip-alter-idx": str(alter-idx),
+      "style": "grid-row: " + str(slip-idx) + "; grid-column: 1;",
+      ..attrs,
+    )
+    html.elem(
+      "div",
+      attrs: attrs-local,
+      html.frame(show-fn({
+        slipst-alter-counter.update(alter-idx)
+        block(width: width, slip.join())
+      })),
+    )
+  }
+  slipst-counter.step()
+}
+
+#let slipst(body, width: 16cm, spacing: auto, margin: 0.5cm, handout: false, show-fn: it => it) = {
+  if dictionary(std).at("html", default: none) == none {
+    return context show-fn({
+      set page(width: width + margin * 2, height: auto, margin: margin)
+      let size = measure(body)
+      preview-mode.update(true)
+      body
+      if not handout {
+        footnote(numbering: it => hide[it])[
+          #smallcaps[Note]: This is a quick preview of the content of the presentation.
+          For the full experience, please export to HTML.
+          (Estimated size: #(calc.ceil(size.height.cm() / width.cm() * 9 / 16)) screens.)
+        ]
+      }
+    })
+  }
+
+  preview-mode.update(false)
+  counter("slipst").update(1)
+
+  fmap(body, it => context {
+    let spacing = if spacing == auto {
+      par.spacing
+    } else {
+      spacing
+    }
+    let variables = (
+      "--slip-width": width.to-absolute().cm(),
+      "--slip-spacing": spacing.to-absolute().cm(),
+      "--slip-margin": margin.to-absolute().cm(),
+    )
+    html.html(style: variables.pairs().map(((k, v)) => k + ": " + str(v)).join("; "), {
+      html.meta(charset: "utf-8")
+      html.meta(name: "viewport", content: "width=device-width, initial-scale=1")
+      html.head({
+        html.style(read("slipst.css"))
+        html.script(read("slipst.js"), type: "module")
+      })
+      html.body(html.main(html.div(
+        id: "container",
+        {
+          for slip in _cut(it) {
+            _slip(slip, width: width, show-fn: show-fn)
+          }
+        },
+      )))
+    })
+  })
+}
diff --git a/packages/preview/slipst/0.3.0/typst.toml b/packages/preview/slipst/0.3.0/typst.toml
new file mode 100644
index 0000000000..1fd99aecc5
--- /dev/null
+++ b/packages/preview/slipst/0.3.0/typst.toml
@@ -0,0 +1,12 @@
+[package]
+name = "slipst"
+version = "0.3.0"
+entrypoint = "lib.typ"
+authors = ["Wybxc <wybxc@qq.com>"]
+repository = "https://github.com/Wybxc/slipst"
+license = "Apache-2.0"
+description = "A new paradigm for presentations, inspired by slipshow."
+keywords = ["presentation", "slide", "slides", "slip", "slips", "slipshow"]
+categories = ["presentation"]
+exclude = ["examples"]
+compiler = "0.14.0"
diff --git a/packages/preview/slipst/0.3.0/utils.typ b/packages/preview/slipst/0.3.0/utils.typ
new file mode 100644
index 0000000000..9312fa673f
--- /dev/null
+++ b/packages/preview/slipst/0.3.0/utils.typ
@@ -0,0 +1,97 @@
+#let sequence = [].func()
+#let styled = text(red)[].func()
+#let space = [ ].func()
+#let symbol-func = $.$.body.func()
+#let context-func = (context {}).func()
+
+#assert($mu$.body.func() == symbol-func)
+#assert(type(sym.mu) == symbol)
+
+#let _is(it, func) = {
+  type(it) == content and it.func() == func
+}
+
+#let _should_strip(it) = {
+  _is(it, parbreak) or _is(it, space) or (_is(it, sequence) and it.children.len() == 0)
+}
+
+#let _strip(slip) = {
+  let _ = while _should_strip(slip.first(default: none)) {
+    slip.remove(0)
+  }
+  let _ = while _should_strip(slip.last(default: none)) {
+    slip.pop()
+  }
+  slip
+}
+
+#let fmap(it, func) = {
+  assert(type(it) == content)
+  if it.func() == sequence {
+    let children = _strip(it.children)
+    if (children.len() == 1) {
+      fmap(children.at(0), func)
+    } else {
+      func(it)
+    }
+  } else if it.func() == styled {
+    styled(fmap(it.child, func), it.styles)
+  } else {
+    it
+  }
+}
+
+// not actual maximum integer, but large enough
+#let _int_max = 1.bit-lshift(53) - 1
+
+// Parse range in string into [start, end) format.
+//
+// range syntax:
+// - "2": only 2
+// - "2-": from 2 to infinity
+// - "2-5": from 2 to 5 (inclusive)
+#let _parse_range(range_str) = {
+  let parts = range_str.split("-")
+  let start = int(parts.at(0))
+  let end = if parts.len() == 1 {
+    start + 1
+  } else if parts.at(1) == "" {
+    _int_max
+  } else {
+    int(parts.at(1)) + 1
+  }
+  return (start, end)
+}
+
+#assert(_parse_range("2") == (2, 3))
+#assert(_parse_range("2-") == (2, _int_max))
+#assert(_parse_range("2-5") == (2, 6))
+
+// Parse multiple ranges
+#let _parse_ranges(ranges) = {
+  if type(ranges) == str {
+    return (_parse_range(ranges),)
+  }
+  return ranges.map(_parse_range)
+}
+
+#assert(_parse_ranges("2") == ((2, 3),))
+#assert(_parse_ranges("2-") == ((2, _int_max),))
+#assert(_parse_ranges("2-5") == ((2, 6),))
+#assert(_parse_ranges(("2", "4-5")) == ((2, 3), (4, 6)))
+
+// Check if num is in any of the ranges
+#let _is_in_ranges(num, ranges) = {
+  for range in ranges {
+    if num >= range.at(0) and num < range.at(1) {
+      return true
+    }
+  }
+  return false
+}
+
+#assert(_is_in_ranges(2, _parse_ranges("2")))
+#assert(not _is_in_ranges(3, _parse_ranges("2")))
+#assert(_is_in_ranges(2, _parse_ranges("2-5")))
+#assert(_is_in_ranges(4, _parse_ranges("2-5")))
+#assert(not _is_in_ranges(6, _parse_ranges(("2-5", "7-9"))))