Skip to content
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

Jump to bottom

Add CaptainCodeman components / packages #440

Closed
wants to merge 4 commits into from
Closed

Add CaptainCodeman components / packages #440

Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
974d0c7
Add CaptainCodeman components / packages
CaptainCodeman Aug 16, 2023
de6331a
Link to example pages instead of repo
CaptainCodeman Aug 16, 2023
d721019
update format
CaptainCodeman Aug 16, 2023
783d060
prettier format
CaptainCodeman Aug 16, 2023
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
146 changes: 146 additions & 0 deletions src/routes/components/components.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2705,5 +2705,151 @@
"addedOn": "2023-08-14",
"category": "Data Visualisation",
"tags": ["components and libraries", "images"]
},
{
"title": "svelte-transition",
"url": "https://captaincodeman.github.io/svelte-headlessui/transition/",
CaptainCodeman marked this conversation as resolved.
Show resolved Hide resolved
"repository": "https://github.com/captaincodeman/svelte-transition",
"description": "Svelte component to apply CSS classes matching the syntax in TailwindUI components",
"npm": "svelte-transition",
"addedOn": "2023-08-16",
"category": "User Interaction",
"tags": ["components and libraries", "animations", "typescript"]
},
{
"title": "svelte-headlessui",
"url": "https://captaincodeman.github.io/svelte-headlessui/",
"repository": "https://github.com/captaincodeman/svelte-headlessui",
"description": "A very lightweight unofficial implementation of Tailwind HeadlessUI",
"npm": "svelte-headlessui",
"addedOn": "2023-08-16",
"category": "Design System",
"tags": ["components and libraries", "component sets", "typescript"]
},
{
"title": "svelte-color-select",
"url": "https://captaincodeman.github.io/svelte-color-select/",
"repository": "https://github.com/captaincodeman/svelte-color-select",
"description": "OKHSV Color Selection component for Svelte using OKLab perceptual colorspace",
"npm": "svelte-color-select",
"addedOn": "2023-08-16",
"category": "",
"tags": ["components and libraries", "typescript"]
},
{
"title": "svelte-form-helper",
"url": "https://captaincodeman.github.io/svelte-form-helper/",
"repository": "https://github.com/captaincodeman/svelte-form-helper",
"description": "Lightweight helper for form validation with Svelte",
"npm": "svelte-form-helper",
"addedOn": "2023-08-16",
"category": "Forms & User Input",
"tags": [
"inputs and widgets",
"forms and validation",
"validation",
"typescript",
"components and libraries"
]
},
{
"title": "svelte-theme-select",
"url": "https://captaincodeman.github.io/svelte-theme-select/",
"repository": "https://github.com/captaincodeman/svelte-theme-select",
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

this one has less than 15 stars, so perhaps we should hold off on it #442

"description": "Customizable Svelte components for theme selection (light mode / dark mode) inspired by TailwindCSS",
"npm": "svelte-theme-select",
"addedOn": "2023-08-16",
"category": "",
"tags": ["components and libraries", "typescript"]
},
{
"title": "svelte-pan-zoom",
"url": "https://captaincodeman.github.io/svelte-pan-zoom/",
"repository": "https://github.com/captaincodeman/svelte-pan-zoom",
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

this one has less than 15 stars, so perhaps we should hold off on it #442

"description": "HTML Canvas Element Pan and Zoom action for Svelte",
"npm": "svelte-pan-zoom",
"addedOn": "2023-08-16",
"category": "User Interaction",
"tags": ["components and libraries", "images", "typescript"]
},
{
"title": "svelte-deep-zoom",
"url": "https://captaincodeman.github.io/svelte-deep-zoom",
"repository": "https://github.com/captaincodeman/svelte-deep-zoom",
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

this URL gives me a 404

"description": "Svelte component to render interactive Deep Zoom images (tiled image pyramids). Similar to Open SeaDragon but smaller",
"npm": "svelte-deep-zoom",
"addedOn": "2023-08-16",
"category": "User Interaction",
"tags": ["components and libraries", "images", "typescript"]
},
{
"title": "svelte-resize-observer-action",
"url": "https://captaincodeman.github.io/svelte-resize-observer-action/",
"repository": "https://github.com/captaincodeman/svelte-resize-observer-action",
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

this one has less than 15 stars, so perhaps we should hold off on it #442

"description": "Svelte use:action for element resize notifications using ResizeObserver",
"npm": "svelte-resize-observer-action",
"addedOn": "2023-08-16",
"category": "User Interaction",
"tags": ["components and libraries", "typescript"]
},
{
"title": "svelte-image-comparison",
"url": "https://captaincodeman.github.io/svelte-image-comparison",
"repository": "https://github.com/captaincodeman/svelte-image-comparison",
"description": "Svelte component onion-skin comparison of image or canvas elements",
"npm": "svelte-image-comparison",
"addedOn": "2023-08-16",
"category": "User Interaction",
"tags": ["components and libraries", "images", "typescript"]
},
{
"title": "svelte-relative-time",
"url": "https://captaincodeman.github.io/svelte-relative-time/",
"repository": "https://github.com/captaincodeman/svelte-relative-time/",
"description": "Tiny Svelte action and Component to render live-updating relative times",
"npm": "svelte-relative-time",
"addedOn": "2023-08-16",
"category": "User Interaction",
"tags": ["components and libraries", "animations", "typescript"]
},
{
"title": "svelte-signature-pad",
"url": "https://captaincodeman.github.io/svelte-signature-pad/",
"repository": "https://github.com/captaincodeman/svelte-signature-pad",
"description": "Svelte Action to capture smoothed signatures as SVG paths using the perfect-freehand library.",
"npm": "svelte-signature-pad",
"addedOn": "2023-08-16",
"category": "User Interaction",
"tags": ["components and libraries", "images", "typescript"]
},
{
"title": "svelte-disable-preload",
"url": "https://github.com/captaincodeman/svelte-disable-preload",
"repository": "https://github.com/captaincodeman/svelte-disable-preload",
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

this one has less than 15 stars, so perhaps we should hold off on it #442

"description": "Action to block preload event listeners for smoother canvas animations",
"npm": "svelte-disable-preload",
"addedOn": "2023-08-16",
"category": "User Interaction",
"tags": ["components and libraries", "typescript"]
},
{
"title": "svelte-kit-bot-block",
"url": "https://github.com/captaincodeman/svelte-kit-bot-block",
"repository": "https://github.com/captaincodeman/svelte-kit-bot-block",
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

this one has less than 15 stars, so perhaps we should hold off on it #442

"description": "SvelteKit middleware hook to block bots and scripts early",
"npm": "svelte-kit-bot-block",
"addedOn": "2023-08-16",
"category": "",
"tags": ["integrations", "typescript"]
},
{
"title": "svelte-intersection-observer-action",
"url": "https://captaincodeman.github.io/svelte-intersection-observer-action/",
"repository": "https://github.com/captaincodeman/svelte-intersection-observer-action",
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

this one has less than 15 stars, so perhaps we should hold off on it #442

"description": "Svelte use:action for element position notifications using IntersectionObserver",
"npm": "svelte-intersection-observer-action",
"addedOn": "2023-08-16",
"category": "User Interaction",
"tags": ["components and libraries", "typescript"]
}
]