1.0.412 • Published 2 years ago

wix-animations v1.0.412

Weekly downloads
2,774
License
-
Repository
github
Last release
2 years ago

Wix Animations

Build Status

Wix Animations contains the Animator React Component.

This component will animate any child it has that will mount or unmount.

The Animator component uses react-transition-group library. It is compliant with Wix UX style guidelines for animations.

Demo

Watch the Storybook Docs & Demos to see everything you can do with it.

Getting Started

Using in a Project

Install the npm

    npm install --save wix-animations

Using Animator component inside JSX file

    import React from 'react'; // Required to create a React Component
    import {Animator} from 'wix-animations';

    const YourComponent = ({show}) => (
      <Animator show={show} opacity scale>
        <div>I will show and hide with opacity and scale!</div>
      </Animator>
    )

Using Storybook

Storybook will allow you to see all the different components implemented, and the different usages of each one of them.

    npm install
    npm start

in your browser: http://localhost:6006

react-transition-group
wix-style-react@everything-registry/sub-chunk-3152papo-components@virtuvent/wix-style-react
1.0.412

2 years ago

1.0.411

2 years ago

1.0.410

3 years ago

1.0.409

3 years ago

1.0.408

3 years ago

1.0.407

3 years ago

1.0.406

3 years ago

1.0.405

3 years ago

1.0.404

3 years ago

1.0.403

4 years ago

1.0.402

4 years ago

1.0.401

4 years ago

1.0.400

4 years ago

1.0.399

4 years ago

1.0.396

4 years ago

1.0.395

4 years ago

1.0.398

4 years ago

1.0.397

4 years ago

1.0.394

4 years ago

1.0.393

4 years ago

1.0.392

4 years ago

1.0.391

4 years ago

1.0.390

4 years ago

1.0.389

4 years ago

1.0.388

4 years ago

1.0.387

4 years ago

1.0.386

4 years ago

1.0.385

4 years ago

1.0.384

4 years ago

1.0.383

4 years ago

1.0.382

4 years ago

1.0.381

4 years ago

1.0.380

4 years ago

1.0.379

4 years ago

1.0.378

4 years ago

1.0.377

4 years ago

1.0.376

4 years ago

1.0.375

4 years ago

1.0.374

4 years ago

1.0.373

4 years ago

1.0.372

4 years ago

1.0.371

4 years ago

1.0.370

4 years ago

1.0.369

4 years ago

1.0.367

4 years ago

1.0.366

4 years ago

1.0.368

4 years ago

1.0.365

4 years ago

1.0.363

4 years ago

1.0.362

4 years ago

1.0.364

4 years ago

1.0.361

4 years ago

1.0.360

4 years ago

1.0.359

4 years ago

1.0.358

4 years ago

1.0.357

4 years ago

1.0.356

4 years ago

1.0.355

4 years ago

1.0.354

4 years ago

1.0.353

4 years ago

1.0.352

4 years ago

1.0.351

4 years ago

1.0.350

4 years ago

1.0.349

4 years ago

1.0.348

4 years ago

1.0.347

4 years ago

1.0.345

4 years ago

1.0.346

4 years ago

1.0.344

4 years ago

1.0.343

4 years ago

1.0.342

4 years ago

1.0.341

4 years ago

1.0.340

4 years ago

1.0.339

4 years ago

1.0.338

4 years ago

1.0.337

4 years ago

1.0.336

4 years ago

1.0.335

4 years ago

1.0.334

4 years ago

1.0.332

4 years ago

1.0.333

4 years ago

1.0.331

4 years ago

1.0.330

4 years ago

1.0.329

4 years ago

1.0.328

4 years ago

1.0.327

4 years ago

1.0.326

4 years ago

1.0.325

4 years ago

1.0.324

4 years ago

1.0.323

4 years ago

1.0.322

4 years ago

1.0.321

4 years ago

1.0.320

4 years ago

1.0.319

4 years ago

1.0.318

4 years ago

1.0.317

4 years ago

1.0.316

4 years ago

1.0.315

4 years ago

1.0.314

4 years ago

1.0.312

4 years ago

1.0.313

4 years ago

1.0.310

4 years ago

1.0.311

4 years ago

1.0.309

4 years ago

1.0.308

4 years ago

1.0.307

4 years ago

1.0.306

4 years ago

1.0.305

4 years ago

1.0.304

4 years ago

1.0.303

4 years ago

1.0.302

4 years ago

1.0.301

4 years ago

1.0.300

4 years ago

1.0.299

4 years ago

1.0.298

4 years ago

1.0.297

4 years ago

1.0.296

4 years ago

1.0.293

4 years ago

1.0.295

4 years ago

1.0.294

4 years ago

1.0.292

4 years ago

1.0.291

4 years ago

1.0.290

4 years ago

1.0.289

4 years ago

1.0.288

4 years ago

1.0.287

4 years ago

1.0.286

4 years ago

1.0.285

4 years ago

1.0.284

4 years ago

1.0.283

4 years ago

1.0.282

5 years ago

1.0.281

5 years ago

1.0.280

5 years ago

1.0.279

5 years ago

1.0.278

5 years ago

1.0.277

5 years ago

1.0.276

6 years ago

1.0.275

6 years ago

1.0.274

6 years ago

1.0.273

6 years ago

1.0.272

6 years ago

1.0.271

6 years ago

1.0.270

6 years ago

1.0.269

6 years ago

1.0.268

6 years ago

1.0.267

6 years ago

1.0.266

6 years ago

1.0.265

6 years ago

1.0.264

6 years ago

1.0.263

6 years ago

1.0.262

6 years ago

1.0.261

6 years ago

1.0.260

6 years ago

1.0.259

6 years ago

1.0.258

6 years ago

1.0.257

6 years ago

1.0.256

6 years ago

1.0.255

6 years ago

1.0.254

6 years ago

1.0.253

6 years ago

1.0.252

6 years ago

1.0.251

6 years ago

1.0.250

6 years ago

1.0.249

6 years ago

1.0.248

6 years ago

1.0.247

6 years ago

1.0.246

6 years ago

1.0.245

6 years ago

1.0.244

6 years ago

1.0.243

6 years ago

1.0.242

6 years ago

1.0.241

6 years ago

1.0.240

6 years ago

1.0.239

6 years ago

1.0.238

6 years ago

1.0.237

6 years ago

1.0.236

6 years ago

1.0.235

6 years ago

1.0.234

6 years ago

1.0.233

6 years ago

1.0.232

6 years ago

1.0.231

6 years ago

1.0.230

6 years ago

1.0.229

6 years ago

1.0.228

6 years ago

1.0.227

6 years ago

1.0.226

6 years ago

1.0.225

6 years ago

1.0.224

6 years ago

1.0.223

6 years ago

1.0.222

6 years ago

1.0.221

6 years ago

1.0.220

6 years ago

1.0.219

6 years ago

1.0.218

6 years ago

1.0.217

6 years ago

1.0.216

6 years ago

1.0.215

6 years ago

1.0.214

6 years ago

1.0.213

6 years ago

1.0.212

6 years ago

1.0.211

6 years ago

1.0.210

6 years ago

1.0.209

6 years ago

1.0.208

6 years ago

1.0.207

6 years ago

1.0.206

6 years ago

1.0.205

6 years ago

1.0.204

6 years ago

1.0.203

6 years ago

1.0.202

6 years ago

1.0.201

6 years ago

1.0.200

6 years ago

1.0.199

6 years ago

1.0.198

6 years ago

1.0.197

6 years ago

1.0.196

6 years ago

1.0.195

6 years ago

1.0.194

6 years ago

1.0.193

6 years ago

1.0.192

6 years ago

1.0.191

6 years ago

1.0.190

6 years ago

1.0.189

6 years ago

1.0.188

6 years ago

1.0.187

6 years ago

1.0.186

6 years ago

1.0.185

6 years ago

1.0.184

6 years ago

1.0.183

6 years ago

1.0.182

6 years ago

1.0.181

6 years ago

1.0.180

6 years ago

1.0.179

6 years ago

1.0.178

6 years ago

1.0.177

6 years ago

1.0.176

6 years ago

1.0.175

6 years ago

1.0.174

6 years ago

1.0.173

6 years ago

1.0.172

6 years ago

1.0.171

6 years ago

1.0.170

6 years ago

1.0.169

6 years ago

1.0.168

6 years ago

1.0.167

6 years ago

1.0.166

6 years ago

1.0.165

6 years ago

1.0.164

6 years ago

1.0.163

6 years ago

1.0.162

6 years ago

1.0.161

6 years ago

1.0.160

6 years ago

1.0.159

6 years ago

1.0.158

6 years ago

1.0.157

6 years ago

1.0.156

6 years ago

1.0.155

6 years ago

1.0.154

6 years ago

1.0.153

6 years ago

1.0.152

6 years ago

1.0.151

6 years ago

1.0.150

6 years ago

1.0.149

6 years ago

1.0.148

6 years ago

1.0.147

6 years ago

1.0.146

6 years ago

1.0.145

6 years ago

1.0.144

6 years ago

1.0.143

6 years ago

1.0.142

6 years ago

1.0.141

6 years ago

1.0.140

6 years ago

1.0.139

6 years ago

1.0.138

6 years ago

1.0.137

6 years ago

1.0.136

6 years ago

1.0.135

6 years ago

1.0.134

6 years ago

1.0.133

6 years ago

1.0.132

6 years ago

1.0.131

6 years ago

1.0.130

6 years ago

1.0.129

6 years ago

1.0.128

6 years ago

1.0.127

6 years ago

1.0.126

6 years ago

1.0.125

6 years ago

1.0.124

6 years ago

1.0.123

6 years ago

1.0.122

6 years ago

1.0.121

6 years ago

1.0.120

6 years ago

1.0.119

6 years ago

1.0.118

6 years ago

1.0.117

6 years ago

1.0.116

6 years ago

1.0.115

6 years ago

1.0.114

6 years ago

1.0.113

6 years ago

1.0.112

6 years ago

1.0.111

6 years ago

1.0.110

6 years ago

1.0.109

6 years ago

1.0.108

6 years ago

1.0.107

6 years ago

1.0.106

6 years ago

1.0.105

6 years ago

1.0.104

6 years ago

1.0.103

6 years ago

1.0.102

6 years ago

1.0.101

6 years ago

1.0.100

6 years ago

1.0.99

6 years ago

1.0.98

6 years ago

1.0.97

6 years ago

1.0.96

6 years ago

1.0.95

6 years ago

1.0.94

6 years ago

1.0.93

6 years ago

1.0.92

6 years ago

1.0.91

6 years ago

1.0.90

6 years ago

1.0.89

6 years ago

1.0.88

6 years ago

1.0.87

6 years ago

1.0.86

6 years ago

1.0.85

6 years ago

1.0.84

6 years ago

1.0.83

7 years ago

1.0.82

7 years ago

1.0.81

7 years ago

1.0.80

7 years ago

1.0.79

7 years ago

1.0.78

7 years ago

1.0.77

7 years ago

1.0.76

7 years ago

1.0.75

7 years ago

1.0.74

7 years ago

1.0.73

7 years ago

1.0.72

7 years ago

1.0.71

7 years ago

1.0.70

7 years ago

1.0.69

7 years ago

1.0.68

7 years ago

1.0.67

7 years ago

1.0.66

7 years ago

1.0.65

7 years ago

1.0.64

7 years ago

1.0.63

7 years ago

1.0.62

7 years ago

1.0.61

7 years ago

1.0.60

7 years ago

1.0.59

7 years ago

1.0.58

7 years ago

1.0.57

7 years ago

1.0.56

7 years ago

1.0.55

7 years ago

1.0.54

7 years ago

1.0.53

7 years ago

1.0.52

7 years ago

1.0.51

7 years ago

1.0.50

7 years ago

1.0.49

7 years ago

1.0.48

7 years ago

1.0.47

7 years ago

1.0.46

7 years ago

1.0.45

7 years ago

1.0.44

7 years ago

1.0.43

7 years ago

1.0.42

7 years ago

1.0.41

7 years ago

1.0.40

7 years ago

1.0.39

7 years ago

1.0.38

7 years ago

1.0.37

7 years ago

1.0.36

7 years ago

1.0.35

7 years ago

1.0.34

7 years ago

1.0.33

7 years ago

1.0.32

7 years ago

1.0.31

7 years ago

1.0.30

7 years ago

1.0.29

7 years ago

1.0.28

7 years ago

1.0.27

7 years ago

1.0.26

7 years ago

1.0.25

7 years ago

1.0.24

7 years ago

1.0.23

7 years ago

1.0.22

7 years ago

1.0.21

7 years ago

1.0.20

7 years ago

1.0.19

7 years ago

1.0.18

7 years ago

1.0.17

7 years ago

1.0.16

7 years ago

1.0.15

7 years ago

1.0.14

7 years ago

1.0.13

7 years ago

1.0.12

7 years ago

1.0.11

7 years ago

1.0.10

7 years ago

1.0.9

7 years ago

1.0.8

7 years ago

1.0.7

7 years ago

1.0.6

7 years ago

1.0.5

7 years ago

1.0.4

7 years ago

1.0.3

7 years ago

1.0.2

7 years ago

1.0.1

7 years ago

1.0.0

7 years ago