tannerlinsley

Keep in mind, this is not a replacement for class css transitions, but stylesheets can only go so far. It may feel a bit funny at first, but it truly opens up new possibilities that were not previously possible with simple css animations. The most obvious being state-dependent dynamic styles. And since you can animate any value you want (not just styles), the applications are only as limited as your imagination! Cheers! :)

- 4kb! (minified) - Dynamic Fields - no pre-defined schema or field names required

- Highly functional and flexible validation

- Built-in Form Inputs

- Input Utility - Easily and quickly build your own input types

- Field Utility - Functionally control any field, anywhere in a form

- Nested forms and form splitting

- Powerful form lifecycle hooks and events

- Serializable Event and State hooks (think redux/mobx/etc & HMR)

Well, for starters, it gets you up and going with a new project in like 60 seconds, as opposed to hooking everything up yourself (package.json, scripts, dependencies). The cli can also do awesome development watching and great production builds with about 10% of the config that webpack does. It's optional, but man, it kicks butt and gets the job done! :)

Jumpsuit is a powerful and extremely efficient Front-end framework & CLI. It is the fastest way to write scalable react/redux apps with the least overhead.

No boilerplate Dedicated build system Scaffolding tools Minimal API Simple and scalable state management based on redux

You can have it installed and be writing actual code (not setup or boilerplate) in less than 5 minutes.

Already have your own build system? Just use the module and ditch you react/redux boilerplate!

It's time for better onboarding tools in web apps. Tour will leave your users wanted more.

- Supports single page apps, and complex scrollable content - Responsive & Intelligent - Automagic Tooltip Positioning, it just works. - Promise Driven Events & Hooks for fine-grained control - It's very lean for the features it has. 12k gzipped. - Most importantly, Tour does not restyle, change z-indices, or manipulate your DOM elements in any way

Give it a try! The beta is already available on NPM CDN:

https://npmcdn.com/tour@latest/dist/tour.js

https://npmcdn.com/tour@latest/dist/tour.css

----- Quick JS Demo -----

import Tour from 'tour'

const myTour = {

    canExit: true,
    
    steps: [{
    
        target: '#first-element',
        
        content: 'This is the first step!',
        
    }, {
    
        target: '.some .other .element',
        
        content: 'Blah blah blah. I prefer to show up on the right.',
        
    }, {
    
        target: '#menu-element',
        
        content: 'I guess this is a menu!',
        
    }, {
    
        target: '#last-element',
        
        content: 'It is over! :(',
        
    }],
    

};

Tour.start(myTour)

  .then(() => {
  
    console.log('Tour Finished!');
    
  })
  
  .catch(() => {
  
    console.log('Tour Interrupted!')
    
  });
  

------------------------