Skip to content

feat(web): announce the CLI on the landing page #3

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
zNi0q wants to merge 3 commits into
base: main
Choose a base branch
from
Open

feat(web): announce the CLI on the landing page #3

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
beeb864
feat(web): announce the CLI on the landing page
zNi0q Jul 20, 2026
2758838
fix(web): terminal panel text was black-on-black
zNi0q Jul 20, 2026
470c265
feat: ..
zNi0q Jul 22, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
15 changes: 15 additions & 0 deletions ashdrop/.firecrawl/skiper-components.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,15 @@
### 404 page not found

Bruh you're looking for something that doesn't exist

Go backGo back

[![Logo](https://skiper-ui.com/logos/logo.svg)Go backHome](https://skiper-ui.com/)

Command + K

## Command Palette

Search for a command to run...

Search
Binary file added ashdrop/.firecrawl/skiper-home.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
1 change: 1 addition & 0 deletions ashdrop/.firecrawl/skiper-screenshot.json
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
{"screenshot":"https://storage.googleapis.com/firecrawl-scrape-media/screenshot-83e0fb07-6a82-48bc-8d15-b07ba5bb996d.png?GoogleAccessId=scrape-bucket-accessor%40firecrawl.iam.gserviceaccount.com&Expires=1782908556&Signature=d65qdKHI3cB9MEmXir%2BCiWA392gZOa1rpZbw3Nk7XkyVhRJZorezF4%2BcTKE0ZGbb7YRlTVHTtf9BQfR%2BBwHxV6bMk6mN9eRcsc%2FoqAsbOugohhBXe8zhCyG%2FQXHkfSYIPqEpW7aOEW4udIdDXikBEleToprHk40vwRO5AKzzc6SI00xa6Egz1nxnTjtCGp8fWxVUQihnuNZ9zaKw6%2FaA1Rc5TbHBuBi%2FnMwLQq29D2nhR1LHZheUum6z48%2B%2F4jGI8zeD%2Fnv1i0P%2BL5Il%2Fcjo4YSdCBKaNPNLe3UrNp%2FSRkOz6P0X%2BQTqy1rGr84Rh4Eh2PfN72vm6bh7cjPP0GvXzw%3D%3D","metadata":{"description":"Brand new uncommon components for your Next.js project. Use with ease through shadcn CLI 3.0, featuring fast-growing components and collections that are easy to edit and use.","googlebot":"index, follow, max-video-preview:-1, max-image-preview:large, max-snippet:-1","ogImage":"https://skiper-ui.com/og-main.png","language":"en","msapplication-config":"/browserconfig.xml","ogUrl":"https://skiper-ui.com","ogTitle":"Skiper UI - Un-common Components for shadcn/ui","og:image:width":"1200","title":"Un-common Components for shadcn/ui | Skiper UI","ogLocale":"en_US","robots":"index, follow","creator":"Gxuri","og:url":"https://skiper-ui.com","og:title":"Skiper UI - Un-common Components for shadcn/ui","og:image:height":"630","apple-mobile-web-app-title":"Skiper UI","keywords":"shadcn/ui,react components,nextjs,ui library,tailwind css,typescript,web components,design system","application-name":"Skiper UI","classification":"UI Components Library","format-detection":"telephone=no, address=no, email=no","next-size-adjust":"","author":"Gxuri","og:locale":"en_US","twitter:description":"Skiper-UI A new in market library of un-common components for your NextJS project built on top of shadcn/ui. get access to 24+ free and 54+ premium paid components. just one shadcn cli and the component is all your available with free as well as one time payment plan ","apple-mobile-web-app-capable":"yes","og:site_name":"Skiper UI","ogSiteName":"Skiper UI","og:image:alt":"Skiper UI - Un-common Components for shadcn/ui","twitter:image":"https://skiper-ui.com/og-main.png","apple-mobile-web-app-status-bar-style":"default","og:type":"website","msapplication-TileColor":"#000000","category":"technology","og:image":"https://skiper-ui.com/og-main.png","twitter:creator":"@gxuri__","twitter:title":"Skiper UI - Un-common Components for shadcn/ui","viewport":"width=device-width, initial-scale=1","og:description":"Brand new uncommon components for your Next.js project. Use with ease through shadcn CLI 3.0, featuring fast-growing components and collections that are easy to edit and use.","twitter:card":"summary_large_image","theme-color":"#000000","ogDescription":"Brand new uncommon components for your Next.js project. Use with ease through shadcn CLI 3.0, featuring fast-growing components and collections that are easy to edit and use.","publisher":"Skiper UI","favicon":"https://skiper-ui.com/favicon.ico","scrapeId":"019ef994-f29a-74da-b4e8-b28891b13a34","sourceURL":"https://skiper-ui.com/","url":"https://skiper-ui.com/","statusCode":200,"contentType":"text/html; charset=utf-8","timezone":"America/New_York","proxyUsed":"basic","cacheState":"miss","indexId":"2828b66f-4cde-480a-9fe6-64c1004e2dd8","creditsUsed":1,"concurrencyLimited":false}}
1 change: 1 addition & 0 deletions ashdrop/.firecrawl/skiper.json
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
{"markdown":"![Logo](https://cdn.skiper-ui.com/logos/logo.svg)[SKIPER-UI](https://skiper-ui.com/)\n\n[Pricing](https://skiper-ui.com/pricing) [Components](https://skiper-ui.com/components)\n\nCommand + K\n\n## Command Palette\n\nSearch for a command to run...\n\nShow Menu\n\n- [How to use\\[Use docs\\]](https://skiper-ui.com/docs/quick-start)\n- [Pricing\\[free pro\\]](https://skiper-ui.com/pricing)\n- [Components\\[All components\\]](https://skiper-ui.com/components)\n- [Get Support\\[hello@skiper-ui.com\\]](mailto:hello@skiper-ui.com)\n- [Founder\\[gxuri\\]](https://x.com/Gur__vi)\n- [Account\\[pro\\]](https://skiper-ui.com/user)\n- LoginLogin\n\n[Privacy Policy](https://skiper-ui.com/docs/privacy-policy) [Terms of Service](https://skiper-ui.com/docs/terms-of-service)\n\nFREENot logged in\n\nSKIPER UI'S\n\n# uuuuuuu\n\n# nnnnnnnn\n\n# ----------\n\n# ccccccccccccc\n\n# oooooooooooooooooooooo\n\n# mmmmmmmmmmmmm\n\n# mmmmmmmmmm\n\n# oooooooo\n\n# nnnnnnn\n\n# cccccc\n\n# ooooooo\n\n# mmmmmmmm\n\n# pppppppppp\n\n# ooooooooooooo\n\n# nnnnnnnnnnnnnnnnnnnnnn\n\n# eeeeeeeeeeeee\n\n# nnnnnnnnnn\n\n# tttttttt\n\n# sssssss\n\nFOR SHADCN/UI\n\nnpx shadcn add @skiper-ui/skiper40\n\n[Quick Start](https://skiper-ui.com/v1/skiper1)\n\n## 105+Outstandingcomponents\n\nNo extra packages — just one file for each component, Use directly with your fav ShadCN CLI.\n\nPremium Component\n\n[![](https://cdn.skiper-ui.com/video/v1/thumb/skiper71.webp)](https://skiper-ui.com/v1/skiper71)\n\nImage reveal\n\nPremium Component\n\n[![](https://cdn.skiper-ui.com/video/v1/thumb/skiper6.webp)](https://skiper-ui.com/v1/skiper6)\n\nHover members\n\nPremium Component\n\n[![](https://cdn.skiper-ui.com/video/v1/thumb/skiper5.webp)](https://skiper-ui.com/v1/skiper5)\n\nThings drag and scroll\n\nPremium Component\n\n[![](https://cdn.skiper-ui.com/video/v1/thumb/skiper56.webp)](https://skiper-ui.com/v1/skiper56)\n\nDevouring details sign in\n\nFree Component\n\n[![](https://cdn.skiper-ui.com/video/v1/thumb/skiper2.webp)](https://skiper-ui.com/v1/skiper2)\n\nDynamic island\n\nPremium Component\n\n[![](https://cdn.skiper-ui.com/video/v1/thumb/skiper43.webp)](https://skiper-ui.com/v1/skiper43)\n\nVercel Tooltip\n\nPremium Component\n\n[![](https://cdn.skiper-ui.com/video/v1/thumb/skiper22.webp)](https://skiper-ui.com/v1/skiper22)\n\nAave token swap\n\nPremium Component\n\n[![](https://cdn.skiper-ui.com/video/v1/thumb/skiper18.webp)](https://skiper-ui.com/v1/skiper18)\n\nImage cursor trail\n\n[Explore all components](https://skiper-ui.com/components)\n\nDevouringDetails\n\nThe platform's design is deeply inspired by Devouring Details by Rauno. Their lessons are truly another-level highly recommend checking them out if you want to sharpen your skills\n\n[Devouring Details](https://devouringdetails.com/) [Rauno.me](https://rauno.me/)\n\n## SkiperUIisUsedbythefinestintheindustry\n\nDiamond user\n\n[![](https://cdn.skiper-ui.com/logos/block-white-1.svg)\\\\\nShadcnblocks.com](https://shadcnblocks.com/)\n\nINSPIRED & LEGENDS\n\n[Emil Kowalski](https://x.com/emilkowalski_) [Benji Taylor](https://x.com/benjitaylor) [Ben](https://x.com/gobennovela) [Kumail Nanji](https://x.com/KumailNanji) [Jakub](https://x.com/jakubkrehel) [Rauno Freiberg](https://x.com/raunofreiberg) [Mariana Castilho](https://x.com/mrncst) [Rob Austin](https://x.com/ausrobdev) [Lochie Axon](https://x.com/lochieaxon) [Dennis Brotzky](https://x.com/brotzky_) [dillion](https://x.com/dillionverma) [Julien Thibeaut](https://x.com/Ibelick) [Manu Arora](https://x.com/mannupaaji) [Nitish Khagwal](https://x.com/nitishkmrk) [Henry Heffernan](https://x.com/henryheffernan)\n\n[Emil Kowalski](https://x.com/emilkowalski_) [Benji Taylor](https://x.com/benjitaylor) [Ben](https://x.com/gobennovela) [Kumail Nanji](https://x.com/KumailNanji) [Jakub](https://x.com/jakubkrehel) [Rauno Freiberg](https://x.com/raunofreiberg) [Mariana Castilho](https://x.com/mrncst) [Rob Austin](https://x.com/ausrobdev) [Lochie Axon](https://x.com/lochieaxon) [Dennis Brotzky](https://x.com/brotzky_) [dillion](https://x.com/dillionverma) [Julien Thibeaut](https://x.com/Ibelick) [Manu Arora](https://x.com/mannupaaji) [Nitish Khagwal](https://x.com/nitishkmrk) [Henry Heffernan](https://x.com/henryheffernan)\n\n[Emil Kowalski](https://x.com/emilkowalski_) [Benji Taylor](https://x.com/benjitaylor) [Ben](https://x.com/gobennovela) [Kumail Nanji](https://x.com/KumailNanji) [Jakub](https://x.com/jakubkrehel) [Rauno Freiberg](https://x.com/raunofreiberg) [Mariana Castilho](https://x.com/mrncst) [Rob Austin](https://x.com/ausrobdev) [Lochie Axon](https://x.com/lochieaxon) [Dennis Brotzky](https://x.com/brotzky_) [dillion](https://x.com/dillionverma) [Julien Thibeaut](https://x.com/Ibelick) [Manu Arora](https://x.com/mannupaaji) [Nitish Khagwal](https://x.com/nitishkmrk) [Henry Heffernan](https://x.com/henryheffernan)\n\n[Emil Kowalski](https://x.com/emilkowalski_) [Benji Taylor](https://x.com/benjitaylor) [Ben](https://x.com/gobennovela) [Kumail Nanji](https://x.com/KumailNanji) [Jakub](https://x.com/jakubkrehel) [Rauno Freiberg](https://x.com/raunofreiberg) [Mariana Castilho](https://x.com/mrncst) [Rob Austin](https://x.com/ausrobdev) [Lochie Axon](https://x.com/lochieaxon) [Dennis Brotzky](https://x.com/brotzky_) [dillion](https://x.com/dillionverma) [Julien Thibeaut](https://x.com/Ibelick) [Manu Arora](https://x.com/mannupaaji) [Nitish Khagwal](https://x.com/nitishkmrk) [Henry Heffernan](https://x.com/henryheffernan)\n\nTOOLS & STACK\n\n[![Tailwind css](https://cdn.skiper-ui.com/logos/tailwind.svg)](http://tailwindcss.com/)[Next.js](http://nextjs.org/) [Motion.dev](http://motion.dev/) [V0.app](https://www.v0.app/)\n\nSkiper is made possible thanks to all mentioned above\n\n[be a part](https://skiper-ui.com/pricing)\n\n## NewRareTemplates\n\nGet figma + Next js fully coded portfolio with just one subscription Coming Soon\n\n![](https://cdn.skiper-ui.com/logos/figma.svg)![](https://cdn.skiper-ui.com/logos/nextjs.svg)\n\n![](https://cdn.skiper-ui.com/images/templates/bg1.svg)![](https://cdn.skiper-ui.com/images/templates/Aa0.svg)\n\nSkiper Template\\_001\n\n![](https://cdn.skiper-ui.com/images/templates/bg0.svg)![](https://cdn.skiper-ui.com/images/templates/Aa0.svg)\n\nSkiper Template\\_002\n\n![](https://cdn.skiper-ui.com/images/templates/bg2.svg)![](https://cdn.skiper-ui.com/images/templates/Aa0.svg)\n\nSkiper Template\\_003\n\n![](https://cdn.skiper-ui.com/images/templates/bg1.svg)![](https://cdn.skiper-ui.com/images/templates/Aa0.svg)\n\n![](https://cdn.skiper-ui.com/images/templates/bg0.svg)![](https://cdn.skiper-ui.com/images/templates/Aa0.svg)\n\n![](https://cdn.skiper-ui.com/images/templates/bg2.svg)![](https://cdn.skiper-ui.com/images/templates/Aa0.svg)\n\n![](https://cdn.skiper-ui.com/images/templates/bg0.svg)![](https://cdn.skiper-ui.com/images/templates/Aa0.svg)\n\nComing soon\n\n## JustOne-timepaymentnoSubscription\n\nPremium\n\n### $129\n\n- All Premium components\n\n- Early access\n\n- Component Request\n\n- Free Lifetime updates\n\n- Skiper pro badge\n\n\nGet Instant access\n\nExclusive\n\n### $549\n\n- All Premium components\n\n- Early access\n\n- Component Request\n\n- Free Lifetime updates\n\n- Skiper pro badge\n\n- Figma file\n\n- Full Website templates\n\n\nComing Soon\n\nJOIN US\n\n## GetyourSkiperUI'sProbadgenow\n\n[![the-skiper-ui-logo](https://cdn.skiper-ui.com/logos/logo.svg)](https://skiper-ui.com/pricing)\n\n![](https://cdn.skiper-ui.com/images/footer/RightHand.png)\n\n![](https://cdn.skiper-ui.com/images/footer/LeftHand.png)\n\nDesign and Developed by [©Gxuri](https://x.com/Gur__vi)","screenshot":"https://storage.googleapis.com/firecrawl-scrape-media/screenshot-98c6c3c4-3aaf-4c70-a5e2-065b2ba851c2.png?GoogleAccessId=scrape-bucket-accessor%40firecrawl.iam.gserviceaccount.com&Expires=1782908530&Signature=GyM0AwU%2BfMjR0lSDtvS9MPX3Gj%2FFSqRyLpjxESf56kjh2GA5QOR67TiZqFwH2TW5Wx3%2FDvkG%2Fs4jIqeVkCaNkRye5qUU0YdFibZEJLpG01zInZ%2BTOPCnFKJ3qqlotIjQrIM0yma0YmYGBrE6sHDhfMosFVcWj93Yuv4mCOo36n6v1FG2ZvFvLOJXYXog5gvlgs142vua%2F6TSQY9Py51Jv6QJf0OOEFHoWf1h7KrHGIg51ttfhYve9eVZsjZk4Tfc5ZMcrei5Jjb58c05Osu6gZ0DyIvgjTWB060Qi6R4GASLYvQ%2F3n5ZuNe7mcvpRkU7HgygzxvoBqrHGYFwLv7lTw%3D%3D","metadata":{"creator":"Gxuri","og:image:alt":"Skiper UI - Un-common Components for shadcn/ui","twitter:creator":"@gxuri__","robots":"index, follow","language":"en","category":"technology","description":"Brand new uncommon components for your Next.js project. Use with ease through shadcn CLI 3.0, featuring fast-growing components and collections that are easy to edit and use.","title":"Un-common Components for shadcn/ui | Skiper UI","og:type":"website","msapplication-config":"/browserconfig.xml","publisher":"Skiper UI","og:title":"Skiper UI - Un-common Components for shadcn/ui","classification":"UI Components Library","ogSiteName":"Skiper UI","ogLocale":"en_US","msapplication-TileColor":"#000000","twitter:description":"Skiper-UI A new in market library of un-common components for your NextJS project built on top of shadcn/ui. get access to 24+ free and 54+ premium paid components. just one shadcn cli and the component is all your available with free as well as one time payment plan ","twitter:image":"https://skiper-ui.com/og-main.png","twitter:title":"Skiper UI - Un-common Components for shadcn/ui","og:image":"https://skiper-ui.com/og-main.png","ogTitle":"Skiper UI - Un-common Components for shadcn/ui","og:locale":"en_US","apple-mobile-web-app-title":"Skiper UI","next-size-adjust":"","keywords":"shadcn/ui,react components,nextjs,ui library,tailwind css,typescript,web components,design system","ogUrl":"https://skiper-ui.com","theme-color":"#000000","ogDescription":"Brand new uncommon components for your Next.js project. Use with ease through shadcn CLI 3.0, featuring fast-growing components and collections that are easy to edit and use.","author":"Gxuri","ogImage":"https://skiper-ui.com/og-main.png","og:url":"https://skiper-ui.com","apple-mobile-web-app-capable":"yes","og:description":"Brand new uncommon components for your Next.js project. Use with ease through shadcn CLI 3.0, featuring fast-growing components and collections that are easy to edit and use.","twitter:card":"summary_large_image","og:site_name":"Skiper UI","application-name":"Skiper UI","format-detection":"telephone=no, address=no, email=no","apple-mobile-web-app-status-bar-style":"default","viewport":"width=device-width, initial-scale=1","googlebot":"index, follow, max-video-preview:-1, max-image-preview:large, max-snippet:-1","og:image:width":"1200","og:image:height":"630","favicon":"https://skiper-ui.com/favicon.ico","scrapeId":"019ef994-93b0-7019-b355-ff8769e3008b","sourceURL":"https://skiper-ui.com/","url":"https://skiper-ui.com/","statusCode":200,"contentType":"text/html; charset=utf-8","timezone":"America/New_York","proxyUsed":"basic","cacheState":"miss","indexId":"cead04c3-71d6-415e-a558-da0bd80b272e","creditsUsed":1,"concurrencyLimited":false}}
42 changes: 42 additions & 0 deletions ashdrop/web/src/routes/+page.svelte
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -72,6 +72,24 @@
browser holds the key to open it, so even a compromised chat can't leak the secret.
</p>
</section>

<!-- 5 · CLI -->
<section class="block">
<p class="section-head">Prefer the terminal?</p>
<div class="cli-reveal" use:reveal>
<pre class="cli-panel"><code>$ ashdrop address create
$ ashdrop share --to &lt;receive-address&gt; --file .env</code></pre>
</div>
<p class="beam-note">
<code>ashdrop</code> is a standalone CLI — same zero-knowledge protocol, same one-time reads,
no browser required.
<a
href="https://github.com/abdullah4tech/ashdrop/tree/main/ashdrop/cli"
target="_blank"
rel="noreferrer">Get the CLI on GitHub →</a
>
</p>
</section>
</main>

<style>
Expand Down Expand Up @@ -208,6 +226,25 @@
}
.share-reveal:global(.in) { opacity: 1; }

.cli-reveal {
opacity: 0;
transition: opacity 0.6s ease;
}
.cli-reveal:global(.in) { opacity: 1; }
.cli-panel {
margin: 0 auto;
padding: 1.1rem 1.4rem;
background: var(--color-ink);
color: var(--color-bg);
border: 1px solid var(--color-line);
font-family: var(--font-mono);
font-size: 0.86rem;
line-height: 1.7;
overflow-x: auto;
max-width: 34rem;
}
.cli-panel code { color: inherit; }

.beam-note {
max-width: 30rem;
margin: 1.4rem auto 0;
Expand All @@ -216,4 +253,9 @@
line-height: 1.6;
color: var(--color-muted);
}
.beam-note a {
color: var(--color-ink);
text-decoration: underline;
text-underline-offset: 2px;
}
</style>