All Projects → davideperozzi → smoovy

davideperozzi / smoovy

Licence: MIT License
A collection of small and useful js packages (smooth scrolling, utils, etc.) preventing copy & paste

Programming Languages

typescript
32286 projects
HTML
75241 projects
SCSS
7915 projects

Projects that are alternatives of or similar to smoovy

Scrollissimo
Javascript plugin for smooth scroll-controlled animations
Stars: ✭ 160 (+540%)
Mutual labels:  tween, smooth-scrolling, smooth
Mos
一个用于在 macOS 上平滑你的鼠标滚动效果或单独设置滚动方向的小工具, 让你的滚轮爽如触控板 | A lightweight tool used to smooth scrolling and set scroll direction independently for your mouse on macOS
Stars: ✭ 7,772 (+30988%)
Mutual labels:  smooth-scrolling, smooth
Ngx Scrollbar
Custom overlay-scrollbars with native scrolling mechanism
Stars: ✭ 355 (+1320%)
Mutual labels:  smooth-scrolling, smooth
Scroll Behavior Polyfill
A polyfill for the 'scroll-behavior' CSS-property
Stars: ✭ 76 (+204%)
Mutual labels:  smooth-scrolling, smooth
Scroll Into View If Needed
Element.scrollIntoView ponyfills for things like "if-needed" and "smooth"
Stars: ✭ 811 (+3144%)
Mutual labels:  smooth-scrolling, smooth
Moveto
A lightweight scroll animation javascript library without any dependency
Stars: ✭ 2,746 (+10884%)
Mutual labels:  smooth-scrolling, smooth
smoothr
A custom React router that leverages the Web Animations API and CSS animations.
Stars: ✭ 28 (+12%)
Mutual labels:  router
monorepo-typescript-next-the-sane-way
A monorepo example using TypeScript and Next.js
Stars: ✭ 104 (+316%)
Mutual labels:  monorepo
generator-tsx
Yeoman generator for CRA + TypeScript + React + Redux + Router + Testing Library.
Stars: ✭ 25 (+0%)
Mutual labels:  router
noddos
Noddos client
Stars: ✭ 78 (+212%)
Mutual labels:  router
react-mobx-router5
React components for routing solution using router5 and mobx
Stars: ✭ 58 (+132%)
Mutual labels:  router
GitHubSearch
GitHub iOS client with minimum third-party dependencies.
Stars: ✭ 34 (+36%)
Mutual labels:  router
go router
The purpose of the go_router for Flutter is to use declarative routes to reduce complexity, regardless of the platform you're targeting (mobile, web, desktop), handling deep linking from Android, iOS and the web while still allowing an easy-to-use developer experience.
Stars: ✭ 380 (+1420%)
Mutual labels:  router
nthu-route
VLSI EDA Global Router
Stars: ✭ 35 (+40%)
Mutual labels:  router
koa-routeify
the next router for koajs.
Stars: ✭ 12 (-52%)
Mutual labels:  router
okwolo
light javascript framework to build web applications
Stars: ✭ 19 (-24%)
Mutual labels:  router
r5r
ipeagit.github.io/r5r/
Stars: ✭ 90 (+260%)
Mutual labels:  router
astlinux
AstLinux is a "Network Appliance for Communications" x86_64 Linux distribution
Stars: ✭ 23 (-8%)
Mutual labels:  router
xRoute
一个小型的前端路由库✈️
Stars: ✭ 36 (+44%)
Mutual labels:  router
pacote
A box of goodies, in TypeScript.
Stars: ✭ 14 (-44%)
Mutual labels:  monorepo

smoovy

Build Status Codecov contributions welcome License

Synopsis

smoovy is a collection of small, useful and well tested js packages preventing copy & paste. The goal is to use as few dependencies as possible to guarantee a small final bundle. Also to keep the code clean, small and simple.

Main packages

Name Version Size
 @smoovy/scroller Version  Size
 @smoovy/observer Version  Size
 @smoovy/parallax Version  Size
 @smoovy/tween Version  Size
 @smoovy/ticker Version  Size
 @smoovy/event Version  Size
 @smoovy/router Version  Size
 @smoovy/utils Version  Size

Getting started

Choose a package you want to install. It's as easy as that:

npm install --save @smoovy/<package>

Roadmap 2021

  • 📦 Create @smoovy/timeline (timeline for tweens)
  • 📦 Create @smoovy/text-split (easy text splitting)
  • 💡 Improve tween demos

Workflow

This is a simple monorepo consisting of some of the packages mentioned above.

Every command related to a package will be executed from the root directory via scripty

Building a package

To ensure the best result, packages are created with rollup. The following formats are supported: cjs, umd and esm.

npm run build:package <name>

Testing a package

Packages will be tested with jest and puppeteer. The sources files will be used for testing.

npm run test:package <name>

Some packages are still missing tests. These will be excluded from the code coverage completely.

Serving a package demo

The demo will be served and bundled with parcel. Every demo must have a index.html file. The source files will be used for the demo.

npm run serve:package <name> [<demo>, default]

Linting a package

The TSLinter is used for linting packages. Everything except the src folder will be ignored.

npm run lint:package <name>

License

See the LICENSE file for license rights and limitations (MIT).

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].