splitbun

KO | EN

gitlite — search

#react #typescript #golang #android #rust #deep-learning #macos #java #awesome #cli #vue #pytorch #mcp #open-source

(★ 10)

A javascript library that splits text element into individual lines, words, or characters.

splitbun 최신버젼 다운로드

최종 버전 다운로드 (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

![Splitbun](https://github.com/farisphp/splitbun/assets/40329676/16103676-4f9d-4fd2-8329-96ed67c3a39e)

# SplitBun - Text Splitter JavaScript Library

SplitBun is a lightweight JavaScript library that allows you to split text elements into individual lines, words, or characters with ease. This library is perfect for adding animation effects, creating typewriter-like text animations, or any other creative text manipulation you can imagine.

## Features

- Split text into lines, words, or characters.
- Easily integrate into JavaScript projects.
- Alternative for GSAP Text Spliter

## Installation

#### NPM/Yarn
To use Text Splitter in your project, you can install it via npm.

```
npm i splitbun
```

#### CDN
Or, include the following <script> tag to load splitBun from a CDN.
```
<script src="https://unpkg.com/splitbun"></script>
```

## Usage

To use SplitBun, you need to select the text element you want to split and initialize it. Here's a basic example:

```
import splitBun from 'splitbun'

splitBun('#target',{
    type: 'lines'
})
```

## API Reference

SplitBun(target, [options])

#### Target

The target element(s) for the SplitBun call. This can be a selector string or a collection of elements (ie NodeList, jQuery object, or array).

#### Options

## Example

Here are a few examples of how you can use SplitBun:

#### Splitting text into lines

```
splitBun("[text-split]", {
    type: 'lines',
});
```

#### Splitting text into words

```
splitBun("[text-split]", {
    type: 'words',
});
```

#### Splitting text into characters

```
splitBun("[text-split]", {
    type: 'chars',
});
```

#### Using onComplete callback

```
splitBun("[text-split]", {
    type: 'lines',
    onComplete: () => {
        console.log('split text completed)
    },
});
```

#### Using custom class

```
splitBun("[text-split]", {
    type: 'lines',
    innerClass: 'text-slide-up'
});
```

Thank you for using SplitBun! We hope you find it helpful for your text animation and manipulation needs. If you have any questions or encounter issues, please don't hesitate to get in touch.

splitbun

splitbun 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

splitbun

splitbun 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Download README