open-index/open-npm huggingface dataset:
npm package: @sensel/cli
Description: A CLI to initialize projects. Add/Remove components, actions and much more !
Author: miel
Latest version: 0.0.4

# sensel

```
          |\      _,,,---,,_
    ZZZzz /,`.-'``'    -.  ;-;;,_
         |,4-  ) )-,_. ,\ (  `'-'
        '---''(_/--'  `-'\_)  sensel cli
```

A powerful CLI to seamlessly integrate sensel into your project.

> [!NOTE]
> Documentation available soon at: [Not available yet]()

## 📦 Installation

1. Initialize a new project:
```bash
npx @sensel/cli init my-project
cd my-project
npm install
```

2. Add components as needed:
```bash
npx @sensel/cli add button
npx @sensel/cli add card
npx @sensel/cli icon user
```

3. Remove components/actions/icons when not needed:
```bash
npx @sensel/cli remove button
npx @sensel/cli remove pixelate
npx @sensel/cli remove user
```

## 🎨 Components

The component library is built on top of [shadcn-svelte](https://github.com/huntabyte/shadcn-svelte), extending it with additional features and customizations.

## 🍊 Icons

The animated icons come from [ji3sr/icons](https://github.com/jis3r/icons), all credits given to the original authors.

## 🛠️ CLI Commands

| Command | Description |
|---------|-------------|
| `npx @sensel/cli init <project-name>` | Initialize a new project using the template |
| `npx @sensel/cli add <item-name>` | Add a component/action to your project |
| `npx @sensel/cli icon <icon-name>` | Add an icon to your project |
| `npx @sensel/cli remove <item-name/icon-name>` | Remove a component from your project |


## 🤝 Contributing

Currently not open for contributions.

---

<div align="center">
  Made with 🖤 by miel
</div>
npm package: @sensel/motion
Description: A motion.dev wrapper for svelte 5
Author: miel
Latest version: 0.0.3

# Svelte Motion Wrapper

This package provides a Svelte 5 wrapper around a motion library (such as Motion or Motion+)
to offer a Framer Motion–like API for declarative animations. It leverages Svelte 5’s new runes API,
meaning that props are obtained via the `$props()` rune rather than using `export let`.

## Components

### Motion

A generic component that accepts the following properties via `$props()`:

- **as**: _string_
  The element type to render (e.g. `"div"`, `"section"`, etc.). Defaults to `"div"`.

- **initial**: _object_
  An object containing the initial CSS properties to apply immediately on mount.

- **animate**: _object_
  The target CSS properties to animate to. Values can be a single value or an array (for keyframes).

- **transition**: _object_
  Transition options such as duration, delay, easing, and type.
  (Example: `{ duration: 0.5, ease: 'easeOut', type: 'spring' }`)

- **hover**: _object_
  CSS properties to animate to when the element is hovered.

- **tap**: _object_
  CSS properties to animate to when the element is pressed/tapped.

- **children**: _snippet_
  In Svelte 5, content placed between component tags is provided as a snippet prop named `children` and rendered using `{@render children()}`.

Any additional HTML attributes (e.g. `class`, `id`) are forwarded to the rendered element.

**Usage Example:**

```svelte
<script lang="ts">
  import { Motion } from 'your-motion-wrapper';
</script>

<Motion
  as="section"
  initial={{ opacity: 0, transform: 'translateY(20px)' }}
  animate={{ opacity: 1, transform: 'translateY(0)' }}
  transition={{ duration: 0.5, ease: 'easeOut', type: 'spring' }}
  hover={{ scale: 1.05 }}
  tap={{ scale: 0.95 }}
  class="animated-section">
  <h2>Animated Section</h2>
</Motion>
```
npm package: @sensel/ui
Description: A component/action library for svelte 5
Author: miel
Latest version: 0.0.3

# Sensel

A modern component and action library for Svelte 5+.

[![npm version](https://img.shields.io/npm/v/sensel.svg)](https://www.npmjs.com/package/sensel)
[![License](https://img.shields.io/npm/l/sensel.svg)](https://github.com/mielsense/sensel/blob/main/LICENSE)

## Overview

Sensel is a lightweight, flexible library that provides a collection of reusable components and actions for Svelte 5 and above. Built with modern Svelte features in mind, it aims to enhance your development workflow while maintaining optimal performance.

## Installation

```bash
# Using npm
npm install sensel

# Using pnpm
pnpm add sensel

# Using yarn
yarn add sensel
```

## Requirements

- Svelte 5.0.0 or higher

## Usage

### Components

Import components directly from the package:

```svelte
<script>
  import { ComponentName } from 'sensel';
</script>

<ComponentName />
```

### Actions

Import actions using the `use:` directive:

```svelte
<script>
  import { actionName } from 'sensel/actions';
</script>

<div use:actionName={options} />
```

## Documentation

For detailed documentation and examples, please visit our [documentation site](#).

## Features

- Built specifically for Svelte 5+
- Tree-shakeable exports
- TypeScript support
- Zero dependencies
- SSR compatible
- Lightweight and performant

### Development Setup

```bash
git clone https://github.com/mielsense/sensel.git
cd sensel
pnpm install
pnpm dev
```

## Testing

```bash
pnpm test
```

## Building

```bash
pnpm build
```

## License

[MIT](LICENSE)

## Author

Created and maintained by [mielsense](https://github.com/mielsense).

## Support

- Create an [issue](https://github.com/mielsense/sensel/issues)
- Follow updates on [Twitter](#)
- Join our [Discord community](#)
npm package: @senselab/my-library
Description: This library is made by a Button and a Map components.
Author: sense Lab
Latest version: 0.1.1

# Getting Started with Create React App

This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).

## Available Scripts

In the project directory, you can run:

### `npm start`

Runs the app in the development mode.\
Open [http://localhost:3000](http://localhost:3000) to view it in the browser.

The page will reload if you make edits.\
You will also see any lint errors in the console.

### `npm test`

Launches the test runner in the interactive watch mode.\
See the section about [running tests](https://facebook.github.io/create-react-app/docs/running-tests) for more information.

### `npm run build`

Builds the app for production to the `build` folder.\
It correctly bundles React in production mode and optimizes the build for the best performance.

The build is minified and the filenames include the hashes.\
Your app is ready to be deployed!

See the section about [deployment](https://facebook.github.io/create-react-app/docs/deployment) for more information.

### `npm run eject`

**Note: this is a one-way operation. Once you `eject`, you can’t go back!**

If you aren’t satisfied with the build tool and configuration choices, you can `eject` at any time. This command will remove the single build dependency from your project.

Instead, it will copy all the configuration files and the transitive dependencies (webpack, Babel, ESLint, etc) right into your project so you have full control over them. All of the commands except `eject` will still work, but they will point to the copied scripts so you can tweak them. At this point you’re on your own.

You don’t have to ever use `eject`. The curated feature set is suitable for small and middle deployments, and you shouldn’t feel obligated to use this feature. However we understand that this tool wouldn’t be useful if you couldn’t customize it when you are ready for it.

## Learn More

You can learn more in the [Create React App documentation](https://facebook.github.io/create-react-app/docs/getting-started).

To learn React, check out the [React documentation](https://reactjs.org/).