Rive Masterclass

114 files · .riv + .rev

Rive Animation Library

Rive animations you can make your own, many of them free. Change the colours and inputs live, then download the file. Every one shows how it's built.

Browse the libraryLearn to build them →
Treasure Chest: Tap to open · wood colour, sound
Treasure ChestTap to open · wood colour, sound
Try it live →

Free43

Free to download, free to use in your projects.

View all →
Treasure Chest Rive animation: Tap to open · wood colour, soundFreeTreasure ChestTap to open · wood colour, soundSale Badge Rive animation: Your number · stamps down with snowFreeSale BadgeYour number · stamps down with snowHanging Ornament Rive animation: Tap to swing · your coloursFreeHanging OrnamentTap to swing · your coloursPadlock Rive animation: Tap to open · any colour, shake on a wrong attemptFreePadlockTap to open · any colour, shake on a wrong attemptCoin Rive animation: Tap to flip · any colour, swap the symbolFreeCoinTap to flip · any colour, swap the symbolLash Eyes Rive animation: Narrow eyes with lashes · follow, blinkFreeLash EyesNarrow eyes with lashes · follow, blinkSleepy Eyes Rive animation: Heavy lids · follow the pointer, blinkFreeSleepy EyesHeavy lids · follow the pointer, blinkSparkle Eyes Rive animation: Big sparkly eyes · follow, blinkFreeSparkle EyesBig sparkly eyes · follow, blinkConfetti Burst Rive animation: Tap anywhere · amount, shape, 5 coloursFreeConfetti BurstTap anywhere · amount, shape, 5 coloursLike Heart Rive animation: Tap to like · heart and burst coloursFreeLike HeartTap to like · heart and burst coloursStar Rating Rive animation: Tap to rate · count, roundness, colourFreeStar RatingTap to rate · count, roundness, colourSquash Toggle Rive animation: Tap to switch · on, off and knob coloursFreeSquash ToggleTap to switch · on, off and knob coloursSuccess Check Rive animation: Plays on success · circle and tick colourFreeSuccess CheckPlays on success · circle and tick colourSnow Button Rive animation: Press it · text, colour, corner radiusFreeSnow ButtonPress it · text, colour, corner radiusChunky Snow Button Rive animation: Press it · text, colour, corner radiusFreeChunky Snow ButtonPress it · text, colour, corner radiusDuo Button Rive animation: Press depth · text and colourFreeDuo ButtonPress depth · text and colourDuo Circle Button Rive animation: Press depth · face and icon colourFreeDuo Circle ButtonPress depth · face and icon colourShine Button Rive animation: Light sweep · text and colourFreeShine ButtonLight sweep · text and colourGlow Button Rive animation: Pulse glow · text and colourFreeGlow ButtonPulse glow · text and colourPop-In Text Rive animation: Letters pop in · your text, colourFreePop-In TextLetters pop in · your text, colourRise In Text Rive animation: Word by word reveal · your headlineFreeRise In TextWord by word reveal · your headlineLetter Drop Rive animation: Letters fall and squash · your textFreeLetter DropLetters fall and squash · your textTypewriter Rive animation: Types itself · text, caret colourFreeTypewriterTypes itself · text, caret colourWave Text Rive animation: Looping swell · text, accent colourFreeWave TextLooping swell · text, accent colourWeight Wave Rive animation: Variable weight wave · your wordFreeWeight WaveVariable weight wave · your wordGlitch Text Rive animation: Tears every few seconds · 3 coloursFreeGlitch TextTears every few seconds · 3 coloursCircle Badge Rive animation: Turning ring · ring text, centre labelFreeCircle BadgeTurning ring · ring text, centre labelStat Counter Rive animation: Dashboard stat · counts up, green or red changeFreeStat CounterDashboard stat · counts up, green or red changeCountdown Rive animation: Sale ends in · ticks by itself, flip cardsFreeCountdownSale ends in · ticks by itself, flip cardsCount Up Timer Rive animation: Stopwatch · a ring that fills each minuteFreeCount Up TimerStopwatch · a ring that fills each minutePixel Countdown Rive animation: Ticks by itself · only the changed squares flipFreePixel CountdownTicks by itself · only the changed squares flipNeon Text Rive animation: Glows and flickers · text, tube coloursFreeNeon TextGlows and flickers · text, tube coloursSpark Spinner Rive animationFreeSpark SpinnerCandy Progress Rive animation: ProgressFreeCandy ProgressProgressPixel Clock Rive animation: Hours, minutesFreePixel ClockHours, minutesSnowfall Rive animation: Amount, wind, speedFreeSnowfallAmount, wind, speedDust Rive animation: Amount, speed, driftFreeDustAmount, speed, driftRain Rive animation: Amount, wind, speedFreeRainAmount, wind, speedConfetti Rain Rive animation: Amount, speed, windFreeConfetti RainAmount, speed, windFloating Hearts Rive animation: Amount, speed, sizeFreeFloating HeartsAmount, speed, sizeSparkles Rive animation: Amount, speed, sizeFreeSparklesAmount, speed, sizeBubbles Rive animation: Amount, speed, sizeFreeBubblesAmount, speed, sizeFireflies Rive animation: Amount, speed, sizeFreeFirefliesAmount, speed, size

Recently added26

The newest files, newest first.

Jelly Progress Bar Rive animation: Progress 0 to 100 · any colourIn a setJelly Progress BarProgress 0 to 100 · any colourReward Track Bar Rive animation: Progress 0 to 100 · any colourIn a setReward Track BarProgress 0 to 100 · any colourXP Level Bar Rive animation: Progress 0 to 100 · any colourIn a setXP Level BarProgress 0 to 100 · any colourHome Tab Icon Rive animation: Tap to select · any colourIn a setHome Tab IconTap to select · any colourCart Tab Icon Rive animation: Tap to select · any colourIn a setCart Tab IconTap to select · any colourCamera Tab Icon Rive animation: Tap to select · any colourIn a setCamera Tab IconTap to select · any colourTrash Action Rive animation: Tap to play · any colourIn a setTrash ActionTap to play · any colourDownload Action Rive animation: Tap to play · any colourIn a setDownload ActionTap to play · any colourSend Action Rive animation: Tap to play · any colourIn a setSend ActionTap to play · any colourHeart Toggle Rive animation: On and off · any colour, outline when offIn a setHeart ToggleOn and off · any colour, outline when offBell Toggle Rive animation: On and off · any colour, outline when offIn a setBell ToggleOn and off · any colour, outline when offSun and Moon Toggle Rive animation: On and off · any colour, outline when offIn a setSun and Moon ToggleOn and off · any colour, outline when offStar Reward Rive animation: 0 to 3 stars · they pop in, turn and shine$4.99Star Reward0 to 3 stars · they pop in, turn and shinePadlock Rive animation: Tap to open · any colour, shake on a wrong attemptFreePadlockTap to open · any colour, shake on a wrong attemptCoin Rive animation: Tap to flip · any colour, swap the symbolFreeCoinTap to flip · any colour, swap the symbolChristmas Tree Rive animation: Tap to shake off the snow · lights on or off$4.99Christmas TreeTap to shake off the snow · lights on or offSnow Globe Rive animation: Tap to shake · three scenes, snow amount$4.99Snow GlobeTap to shake · three scenes, snow amountGingerbread House Rive animation: Tap to hop · windows light up, any colour$4.99Gingerbread HouseTap to hop · windows light up, any colourString of Lights Rive animation: Tap for a wave · lights on or off$4.99String of LightsTap for a wave · lights on or offHanging Ornament Rive animation: Tap to swing · your coloursFreeHanging OrnamentTap to swing · your coloursChristmas Countdown Rive animation: Days to Christmas · tap to rip the page$4.99Christmas CountdownDays to Christmas · tap to rip the pageSale Badge Rive animation: Your number · stamps down with snowFreeSale BadgeYour number · stamps down with snowSnow Button Rive animation: Press it · text, colour, corner radiusFreeSnow ButtonPress it · text, colour, corner radiusTall Gift Box Rive animation: Tap it · 4 animations, any colour$4.99Tall Gift BoxTap it · 4 animations, any colourRoyal Chest Rive animation: Open$4.99Royal ChestOpenSlot Machine Rive animation: Spin, win chance$4.99Slot MachineSpin, win chance

Browse by category

Every category has its own page.

Free43 filesSets10 setsInteractive65 filesCharacter4 filesNumbers & Timers6 filesText9 filesGames17 filesCelebrations20 filesSale & Promo13 filesButtons38 filesUI Elements44 filesParticles8 filesShaders17 files

Sets10

Whole families of files that belong together, in one download.

View all →
Treasure Chest Set Rive animation: 6 chests · tap to open, any wood colour$29.99Treasure Chest Set6 chests · tap to open, any wood colourPresent Set Rive animation: 3 gifts · four animations each, any colour$29.99Present Set3 gifts · four animations each, any colourButtons Set Rive animation: 6 buttons · your text, your colour$29.99Buttons Set6 buttons · your text, your colourRive Icon Pack Rive animation: 30 icons · toggles, actions and tab bar$49.99Rive Icon Pack30 icons · toggles, actions and tab barRive Game UI Kit Rive animation: 8 files · rewards, loot and buttons$29.99Rive Game UI Kit8 files · rewards, loot and buttonsProgress Bar Set Rive animation: 8 bars · one number, any colour$29.99Progress Bar Set8 bars · one number, any colourTab Bar Icon Set Rive animation: 10 icons · select them, any colour$29.99Tab Bar Icon Set10 icons · select them, any colourAction Icon Set Rive animation: 10 icons · tap to play, any colour$29.99Action Icon Set10 icons · tap to play, any colourToggle Icon Set Rive animation: 10 icons · on and off, any colour$29.99Toggle Icon Set10 icons · on and off, any colourChristmas Set Rive animation: 11 pieces · and growing$29.99Christmas Set11 pieces · and growing

Interactive65

Things people tap. Each one reacts and plays back.

View all →
Christmas Tree Rive animation: Tap to shake off the snow · lights on or off$4.99Christmas TreeTap to shake off the snow · lights on or offSnow Globe Rive animation: Tap to shake · three scenes, snow amount$4.99Snow GlobeTap to shake · three scenes, snow amountGingerbread House Rive animation: Tap to hop · windows light up, any colour$4.99Gingerbread HouseTap to hop · windows light up, any colourString of Lights Rive animation: Tap for a wave · lights on or off$4.99String of LightsTap for a wave · lights on or offHanging Ornament Rive animation: Tap to swing · your coloursFreeHanging OrnamentTap to swing · your coloursPadlock Rive animation: Tap to open · any colour, shake on a wrong attemptFreePadlockTap to open · any colour, shake on a wrong attemptCoin Rive animation: Tap to flip · any colour, swap the symbolFreeCoinTap to flip · any colour, swap the symbolStar Reward Rive animation: 0 to 3 stars · they pop in, turn and shine$4.99Star Reward0 to 3 stars · they pop in, turn and shineLike Heart Rive animation: Tap to like · heart and burst coloursFreeLike HeartTap to like · heart and burst coloursStar Rating Rive animation: Tap to rate · count, roundness, colourFreeStar RatingTap to rate · count, roundness, colourSquash Toggle Rive animation: Tap to switch · on, off and knob coloursFreeSquash ToggleTap to switch · on, off and knob coloursSuccess Check Rive animation: Plays on success · circle and tick colourFreeSuccess CheckPlays on success · circle and tick colourTreasure Chest Rive animation: Tap to open · wood colour, soundFreeTreasure ChestTap to open · wood colour, soundIronbound Chest Rive animation: Open$4.99Ironbound ChestOpenRoyal Chest Rive animation: Open$4.99Royal ChestOpenFrost Chest Rive animation: Open$4.99Frost ChestOpenEmber Chest Rive animation: Open$4.99Ember ChestOpenRelic Chest Rive animation: Open$4.99Relic ChestOpenSlot Machine Rive animation: Spin, win chance$4.99Slot MachineSpin, win chanceJelly Progress Bar Rive animation: Progress 0 to 100 · any colourIn a setJelly Progress BarProgress 0 to 100 · any colourStripe Progress Bar Rive animation: Progress 0 to 100 · any colourIn a setStripe Progress BarProgress 0 to 100 · any colourSpark Progress Bar Rive animation: Progress 0 to 100 · any colourIn a setSpark Progress BarProgress 0 to 100 · any colourBlock Progress Bar Rive animation: Progress 0 to 100 · any colourIn a setBlock Progress BarProgress 0 to 100 · any colourXP Level Bar Rive animation: Progress 0 to 100 · any colourIn a setXP Level BarProgress 0 to 100 · any colourStar Progress Bar Rive animation: Progress 0 to 100 · any colourIn a setStar Progress BarProgress 0 to 100 · any colourReward Track Bar Rive animation: Progress 0 to 100 · any colourIn a setReward Track BarProgress 0 to 100 · any colourTimer Bar Rive animation: Progress 0 to 100 · any colourIn a setTimer BarProgress 0 to 100 · any colourHome Tab Icon Rive animation: Tap to select · any colourIn a setHome Tab IconTap to select · any colourExplore Tab Icon Rive animation: Tap to select · any colourIn a setExplore Tab IconTap to select · any colourChat Tab Icon Rive animation: Tap to select · any colourIn a setChat Tab IconTap to select · any colourProfile Tab Icon Rive animation: Tap to select · any colourIn a setProfile Tab IconTap to select · any colourCart Tab Icon Rive animation: Tap to select · any colourIn a setCart Tab IconTap to select · any colourCalendar Tab Icon Rive animation: Tap to select · any colourIn a setCalendar Tab IconTap to select · any colourMap Tab Icon Rive animation: Tap to select · any colourIn a setMap Tab IconTap to select · any colourLibrary Tab Icon Rive animation: Tap to select · any colourIn a setLibrary Tab IconTap to select · any colourMusic Tab Icon Rive animation: Tap to select · any colourIn a setMusic Tab IconTap to select · any colourCamera Tab Icon Rive animation: Tap to select · any colourIn a setCamera Tab IconTap to select · any colourTrash Action Rive animation: Tap to play · any colourIn a setTrash ActionTap to play · any colourEdit Action Rive animation: Tap to play · any colourIn a setEdit ActionTap to play · any colourDownload Action Rive animation: Tap to play · any colourIn a setDownload ActionTap to play · any colourShare Action Rive animation: Tap to play · any colourIn a setShare ActionTap to play · any colourCopy Action Rive animation: Tap to play · any colourIn a setCopy ActionTap to play · any colourSend Action Rive animation: Tap to play · any colourIn a setSend ActionTap to play · any colourSearch Action Rive animation: Tap to play · any colourIn a setSearch ActionTap to play · any colourSettings Action Rive animation: Tap to play · any colourIn a setSettings ActionTap to play · any colourAdd Action Rive animation: Tap to play · any colourIn a setAdd ActionTap to play · any colourRefresh Action Rive animation: Tap to play · any colourIn a setRefresh ActionTap to play · any colourHeart Toggle Rive animation: On and off · any colour, outline when offIn a setHeart ToggleOn and off · any colour, outline when offStar Toggle Rive animation: On and off · any colour, outline when offIn a setStar ToggleOn and off · any colour, outline when offBookmark Toggle Rive animation: On and off · any colour, outline when offIn a setBookmark ToggleOn and off · any colour, outline when offBell Toggle Rive animation: On and off · any colour, outline when offIn a setBell ToggleOn and off · any colour, outline when offLike Toggle Rive animation: On and off · any colour, outline when offIn a setLike ToggleOn and off · any colour, outline when offEye Toggle Rive animation: On and off · any colour, outline when offIn a setEye ToggleOn and off · any colour, outline when offSun and Moon Toggle Rive animation: On and off · any colour, outline when offIn a setSun and Moon ToggleOn and off · any colour, outline when offSound Toggle Rive animation: On and off · any colour, outline when offIn a setSound ToggleOn and off · any colour, outline when offPlay Pause Toggle Rive animation: On and off · any colour, outline when offIn a setPlay Pause ToggleOn and off · any colour, outline when offCheckbox Toggle Rive animation: On and off · any colour, outline when offIn a setCheckbox ToggleOn and off · any colour, outline when offGift Box Rive animation: Tap it · 4 animations, any colour$4.99Gift BoxTap it · 4 animations, any colourLash Eyes Rive animation: Narrow eyes with lashes · follow, blinkFreeLash EyesNarrow eyes with lashes · follow, blinkSleepy Eyes Rive animation: Heavy lids · follow the pointer, blinkFreeSleepy EyesHeavy lids · follow the pointer, blinkSparkle Eyes Rive animation: Big sparkly eyes · follow, blinkFreeSparkle EyesBig sparkly eyes · follow, blinkPixel Robot Face Rive animation: 8 expressions · react trigger, all colours$4.99Pixel Robot Face8 expressions · react trigger, all coloursTall Gift Box Rive animation: Tap it · 4 animations, any colour$4.99Tall Gift BoxTap it · 4 animations, any colourLow Gift Box Rive animation: Tap it · 4 animations, any colour$4.99Low Gift BoxTap it · 4 animations, any colourDuo Button Rive animation: Press depth · text and colourFreeDuo ButtonPress depth · text and colour

Games17

Rewards, loot and wins. The moments that make a game feel good.

View all →
Treasure Chest Rive animation: Tap to open · wood colour, soundFreeTreasure ChestTap to open · wood colour, soundIronbound Chest Rive animation: Open$4.99Ironbound ChestOpenRoyal Chest Rive animation: Open$4.99Royal ChestOpenFrost Chest Rive animation: Open$4.99Frost ChestOpenEmber Chest Rive animation: Open$4.99Ember ChestOpenRelic Chest Rive animation: Open$4.99Relic ChestOpenSlot Machine Rive animation: Spin, win chance$4.99Slot MachineSpin, win chanceGift Box Rive animation: Tap it · 4 animations, any colour$4.99Gift BoxTap it · 4 animations, any colourTall Gift Box Rive animation: Tap it · 4 animations, any colour$4.99Tall Gift BoxTap it · 4 animations, any colourLow Gift Box Rive animation: Tap it · 4 animations, any colour$4.99Low Gift BoxTap it · 4 animations, any colourConfetti Burst Rive animation: Tap anywhere · amount, shape, 5 coloursFreeConfetti BurstTap anywhere · amount, shape, 5 coloursStar Reward Rive animation: 0 to 3 stars · they pop in, turn and shine$4.99Star Reward0 to 3 stars · they pop in, turn and shinePixel Robot Face Rive animation: 8 expressions · react trigger, all colours$4.99Pixel Robot Face8 expressions · react trigger, all coloursDuo Circle Button Rive animation: Press depth · face and icon colourFreeDuo Circle ButtonPress depth · face and icon colourGlow Button Rive animation: Pulse glow · text and colourFreeGlow ButtonPulse glow · text and colourGlitch Text Rive animation: Tears every few seconds · 3 coloursFreeGlitch TextTears every few seconds · 3 coloursPixel Countdown Rive animation: Ticks by itself · only the changed squares flipFreePixel CountdownTicks by itself · only the changed squares flip

Character4

Eyes that blink and look around, from the Masterclass character.

View all →
Lash Eyes Rive animation: Narrow eyes with lashes · follow, blinkFreeLash EyesNarrow eyes with lashes · follow, blinkSleepy Eyes Rive animation: Heavy lids · follow the pointer, blinkFreeSleepy EyesHeavy lids · follow the pointer, blinkSparkle Eyes Rive animation: Big sparkly eyes · follow, blinkFreeSparkle EyesBig sparkly eyes · follow, blinkPixel Robot Face Rive animation: 8 expressions · react trigger, all colours$4.99Pixel Robot Face8 expressions · react trigger, all colours

Numbers & Timers6

Countdowns, stopwatches, clocks and counters: numbers that move by themselves.

View all →
Christmas Countdown Rive animation: Days to Christmas · tap to rip the page$4.99Christmas CountdownDays to Christmas · tap to rip the pageStat Counter Rive animation: Dashboard stat · counts up, green or red changeFreeStat CounterDashboard stat · counts up, green or red changeCountdown Rive animation: Sale ends in · ticks by itself, flip cardsFreeCountdownSale ends in · ticks by itself, flip cardsCount Up Timer Rive animation: Stopwatch · a ring that fills each minuteFreeCount Up TimerStopwatch · a ring that fills each minutePixel Countdown Rive animation: Ticks by itself · only the changed squares flipFreePixel CountdownTicks by itself · only the changed squares flipPixel Clock Rive animation: Hours, minutesFreePixel ClockHours, minutes

Text9

Type your own words. Every letter moves on its own.

View all →
Pop-In Text Rive animation: Letters pop in · your text, colourFreePop-In TextLetters pop in · your text, colourRise In Text Rive animation: Word by word reveal · your headlineFreeRise In TextWord by word reveal · your headlineLetter Drop Rive animation: Letters fall and squash · your textFreeLetter DropLetters fall and squash · your textTypewriter Rive animation: Types itself · text, caret colourFreeTypewriterTypes itself · text, caret colourWave Text Rive animation: Looping swell · text, accent colourFreeWave TextLooping swell · text, accent colourWeight Wave Rive animation: Variable weight wave · your wordFreeWeight WaveVariable weight wave · your wordGlitch Text Rive animation: Tears every few seconds · 3 coloursFreeGlitch TextTears every few seconds · 3 coloursCircle Badge Rive animation: Turning ring · ring text, centre labelFreeCircle BadgeTurning ring · ring text, centre labelNeon Text Rive animation: Glows and flickers · text, tube coloursFreeNeon TextGlows and flickers · text, tube colours

Celebrations20

Confetti, likes and wins. The little reward after a big moment.

View all →
Treasure Chest Rive animation: Tap to open · wood colour, soundFreeTreasure ChestTap to open · wood colour, soundIronbound Chest Rive animation: Open$4.99Ironbound ChestOpenRoyal Chest Rive animation: Open$4.99Royal ChestOpenFrost Chest Rive animation: Open$4.99Frost ChestOpenEmber Chest Rive animation: Open$4.99Ember ChestOpenRelic Chest Rive animation: Open$4.99Relic ChestOpenChristmas Tree Rive animation: Tap to shake off the snow · lights on or off$4.99Christmas TreeTap to shake off the snow · lights on or offSnow Globe Rive animation: Tap to shake · three scenes, snow amount$4.99Snow GlobeTap to shake · three scenes, snow amountGingerbread House Rive animation: Tap to hop · windows light up, any colour$4.99Gingerbread HouseTap to hop · windows light up, any colourString of Lights Rive animation: Tap for a wave · lights on or off$4.99String of LightsTap for a wave · lights on or offHanging Ornament Rive animation: Tap to swing · your coloursFreeHanging OrnamentTap to swing · your coloursCoin Rive animation: Tap to flip · any colour, swap the symbolFreeCoinTap to flip · any colour, swap the symbolStar Reward Rive animation: 0 to 3 stars · they pop in, turn and shine$4.99Star Reward0 to 3 stars · they pop in, turn and shineConfetti Burst Rive animation: Tap anywhere · amount, shape, 5 coloursFreeConfetti BurstTap anywhere · amount, shape, 5 coloursLike Heart Rive animation: Tap to like · heart and burst coloursFreeLike HeartTap to like · heart and burst coloursSuccess Check Rive animation: Plays on success · circle and tick colourFreeSuccess CheckPlays on success · circle and tick colourPop-In Text Rive animation: Letters pop in · your text, colourFreePop-In TextLetters pop in · your text, colourConfetti Rain Rive animation: Amount, speed, windFreeConfetti RainAmount, speed, windFloating Hearts Rive animation: Amount, speed, sizeFreeFloating HeartsAmount, speed, sizeSparkles Rive animation: Amount, speed, sizeFreeSparklesAmount, speed, size

Buttons38

Your text, your colour. The press is already animated.

View all →
Snow Button Rive animation: Press it · text, colour, corner radiusFreeSnow ButtonPress it · text, colour, corner radiusChunky Snow Button Rive animation: Press it · text, colour, corner radiusFreeChunky Snow ButtonPress it · text, colour, corner radiusDuo Button Rive animation: Press depth · text and colourFreeDuo ButtonPress depth · text and colourDuo Circle Button Rive animation: Press depth · face and icon colourFreeDuo Circle ButtonPress depth · face and icon colourShine Button Rive animation: Light sweep · text and colourFreeShine ButtonLight sweep · text and colourGlow Button Rive animation: Pulse glow · text and colourFreeGlow ButtonPulse glow · text and colourHome Tab Icon Rive animation: Tap to select · any colourIn a setHome Tab IconTap to select · any colourExplore Tab Icon Rive animation: Tap to select · any colourIn a setExplore Tab IconTap to select · any colourChat Tab Icon Rive animation: Tap to select · any colourIn a setChat Tab IconTap to select · any colourProfile Tab Icon Rive animation: Tap to select · any colourIn a setProfile Tab IconTap to select · any colourCart Tab Icon Rive animation: Tap to select · any colourIn a setCart Tab IconTap to select · any colourCalendar Tab Icon Rive animation: Tap to select · any colourIn a setCalendar Tab IconTap to select · any colourMap Tab Icon Rive animation: Tap to select · any colourIn a setMap Tab IconTap to select · any colourLibrary Tab Icon Rive animation: Tap to select · any colourIn a setLibrary Tab IconTap to select · any colourMusic Tab Icon Rive animation: Tap to select · any colourIn a setMusic Tab IconTap to select · any colourCamera Tab Icon Rive animation: Tap to select · any colourIn a setCamera Tab IconTap to select · any colourTrash Action Rive animation: Tap to play · any colourIn a setTrash ActionTap to play · any colourEdit Action Rive animation: Tap to play · any colourIn a setEdit ActionTap to play · any colourDownload Action Rive animation: Tap to play · any colourIn a setDownload ActionTap to play · any colourShare Action Rive animation: Tap to play · any colourIn a setShare ActionTap to play · any colourCopy Action Rive animation: Tap to play · any colourIn a setCopy ActionTap to play · any colourSend Action Rive animation: Tap to play · any colourIn a setSend ActionTap to play · any colourSearch Action Rive animation: Tap to play · any colourIn a setSearch ActionTap to play · any colourSettings Action Rive animation: Tap to play · any colourIn a setSettings ActionTap to play · any colourAdd Action Rive animation: Tap to play · any colourIn a setAdd ActionTap to play · any colourRefresh Action Rive animation: Tap to play · any colourIn a setRefresh ActionTap to play · any colourHeart Toggle Rive animation: On and off · any colour, outline when offIn a setHeart ToggleOn and off · any colour, outline when offStar Toggle Rive animation: On and off · any colour, outline when offIn a setStar ToggleOn and off · any colour, outline when offBookmark Toggle Rive animation: On and off · any colour, outline when offIn a setBookmark ToggleOn and off · any colour, outline when offBell Toggle Rive animation: On and off · any colour, outline when offIn a setBell ToggleOn and off · any colour, outline when offLike Toggle Rive animation: On and off · any colour, outline when offIn a setLike ToggleOn and off · any colour, outline when offEye Toggle Rive animation: On and off · any colour, outline when offIn a setEye ToggleOn and off · any colour, outline when offSun and Moon Toggle Rive animation: On and off · any colour, outline when offIn a setSun and Moon ToggleOn and off · any colour, outline when offSound Toggle Rive animation: On and off · any colour, outline when offIn a setSound ToggleOn and off · any colour, outline when offPlay Pause Toggle Rive animation: On and off · any colour, outline when offIn a setPlay Pause ToggleOn and off · any colour, outline when offCheckbox Toggle Rive animation: On and off · any colour, outline when offIn a setCheckbox ToggleOn and off · any colour, outline when offLike Heart Rive animation: Tap to like · heart and burst coloursFreeLike HeartTap to like · heart and burst coloursStar Rating Rive animation: Tap to rate · count, roundness, colourFreeStar RatingTap to rate · count, roundness, colour

UI Elements44

Loaders, toggles and status pieces that follow your app's data.

View all →
Jelly Progress Bar Rive animation: Progress 0 to 100 · any colourIn a setJelly Progress BarProgress 0 to 100 · any colourStripe Progress Bar Rive animation: Progress 0 to 100 · any colourIn a setStripe Progress BarProgress 0 to 100 · any colourSpark Progress Bar Rive animation: Progress 0 to 100 · any colourIn a setSpark Progress BarProgress 0 to 100 · any colourBlock Progress Bar Rive animation: Progress 0 to 100 · any colourIn a setBlock Progress BarProgress 0 to 100 · any colourXP Level Bar Rive animation: Progress 0 to 100 · any colourIn a setXP Level BarProgress 0 to 100 · any colourStar Progress Bar Rive animation: Progress 0 to 100 · any colourIn a setStar Progress BarProgress 0 to 100 · any colourReward Track Bar Rive animation: Progress 0 to 100 · any colourIn a setReward Track BarProgress 0 to 100 · any colourTimer Bar Rive animation: Progress 0 to 100 · any colourIn a setTimer BarProgress 0 to 100 · any colourHome Tab Icon Rive animation: Tap to select · any colourIn a setHome Tab IconTap to select · any colourExplore Tab Icon Rive animation: Tap to select · any colourIn a setExplore Tab IconTap to select · any colourChat Tab Icon Rive animation: Tap to select · any colourIn a setChat Tab IconTap to select · any colourProfile Tab Icon Rive animation: Tap to select · any colourIn a setProfile Tab IconTap to select · any colourCart Tab Icon Rive animation: Tap to select · any colourIn a setCart Tab IconTap to select · any colourCalendar Tab Icon Rive animation: Tap to select · any colourIn a setCalendar Tab IconTap to select · any colourMap Tab Icon Rive animation: Tap to select · any colourIn a setMap Tab IconTap to select · any colourLibrary Tab Icon Rive animation: Tap to select · any colourIn a setLibrary Tab IconTap to select · any colourMusic Tab Icon Rive animation: Tap to select · any colourIn a setMusic Tab IconTap to select · any colourCamera Tab Icon Rive animation: Tap to select · any colourIn a setCamera Tab IconTap to select · any colourTrash Action Rive animation: Tap to play · any colourIn a setTrash ActionTap to play · any colourEdit Action Rive animation: Tap to play · any colourIn a setEdit ActionTap to play · any colourDownload Action Rive animation: Tap to play · any colourIn a setDownload ActionTap to play · any colourShare Action Rive animation: Tap to play · any colourIn a setShare ActionTap to play · any colourCopy Action Rive animation: Tap to play · any colourIn a setCopy ActionTap to play · any colourSend Action Rive animation: Tap to play · any colourIn a setSend ActionTap to play · any colourSearch Action Rive animation: Tap to play · any colourIn a setSearch ActionTap to play · any colourSettings Action Rive animation: Tap to play · any colourIn a setSettings ActionTap to play · any colourAdd Action Rive animation: Tap to play · any colourIn a setAdd ActionTap to play · any colourRefresh Action Rive animation: Tap to play · any colourIn a setRefresh ActionTap to play · any colourHeart Toggle Rive animation: On and off · any colour, outline when offIn a setHeart ToggleOn and off · any colour, outline when offStar Toggle Rive animation: On and off · any colour, outline when offIn a setStar ToggleOn and off · any colour, outline when offBookmark Toggle Rive animation: On and off · any colour, outline when offIn a setBookmark ToggleOn and off · any colour, outline when offBell Toggle Rive animation: On and off · any colour, outline when offIn a setBell ToggleOn and off · any colour, outline when offLike Toggle Rive animation: On and off · any colour, outline when offIn a setLike ToggleOn and off · any colour, outline when offEye Toggle Rive animation: On and off · any colour, outline when offIn a setEye ToggleOn and off · any colour, outline when offSun and Moon Toggle Rive animation: On and off · any colour, outline when offIn a setSun and Moon ToggleOn and off · any colour, outline when offSound Toggle Rive animation: On and off · any colour, outline when offIn a setSound ToggleOn and off · any colour, outline when offPlay Pause Toggle Rive animation: On and off · any colour, outline when offIn a setPlay Pause ToggleOn and off · any colour, outline when offCheckbox Toggle Rive animation: On and off · any colour, outline when offIn a setCheckbox ToggleOn and off · any colour, outline when offSpark Spinner Rive animationFreeSpark SpinnerCandy Progress Rive animation: ProgressFreeCandy ProgressProgressPadlock Rive animation: Tap to open · any colour, shake on a wrong attemptFreePadlockTap to open · any colour, shake on a wrong attemptStar Rating Rive animation: Tap to rate · count, roundness, colourFreeStar RatingTap to rate · count, roundness, colourSquash Toggle Rive animation: Tap to switch · on, off and knob coloursFreeSquash ToggleTap to switch · on, off and knob coloursSuccess Check Rive animation: Plays on success · circle and tick colourFreeSuccess CheckPlays on success · circle and tick colour

Sale & Promo13

Countdowns, glowing buttons and gifts for a launch or a sale.

View all →
Sale Badge Rive animation: Your number · stamps down with snowFreeSale BadgeYour number · stamps down with snowChristmas Countdown Rive animation: Days to Christmas · tap to rip the page$4.99Christmas CountdownDays to Christmas · tap to rip the pageGift Box Rive animation: Tap it · 4 animations, any colour$4.99Gift BoxTap it · 4 animations, any colourTall Gift Box Rive animation: Tap it · 4 animations, any colour$4.99Tall Gift BoxTap it · 4 animations, any colourLow Gift Box Rive animation: Tap it · 4 animations, any colour$4.99Low Gift BoxTap it · 4 animations, any colourConfetti Burst Rive animation: Tap anywhere · amount, shape, 5 coloursFreeConfetti BurstTap anywhere · amount, shape, 5 coloursSnow Button Rive animation: Press it · text, colour, corner radiusFreeSnow ButtonPress it · text, colour, corner radiusChunky Snow Button Rive animation: Press it · text, colour, corner radiusFreeChunky Snow ButtonPress it · text, colour, corner radiusShine Button Rive animation: Light sweep · text and colourFreeShine ButtonLight sweep · text and colourGlow Button Rive animation: Pulse glow · text and colourFreeGlow ButtonPulse glow · text and colourCircle Badge Rive animation: Turning ring · ring text, centre labelFreeCircle BadgeTurning ring · ring text, centre labelCountdown Rive animation: Sale ends in · ticks by itself, flip cardsFreeCountdownSale ends in · ticks by itself, flip cardsNeon Text Rive animation: Glows and flickers · text, tube coloursFreeNeon TextGlows and flickers · text, tube colours

Particles8

Backgrounds that never repeat, drawn by one short script.

View all →
Snowfall Rive animation: Amount, wind, speedFreeSnowfallAmount, wind, speedDust Rive animation: Amount, speed, driftFreeDustAmount, speed, driftRain Rive animation: Amount, wind, speedFreeRainAmount, wind, speedConfetti Rain Rive animation: Amount, speed, windFreeConfetti RainAmount, speed, windFloating Hearts Rive animation: Amount, speed, sizeFreeFloating HeartsAmount, speed, sizeSparkles Rive animation: Amount, speed, sizeFreeSparklesAmount, speed, sizeBubbles Rive animation: Amount, speed, sizeFreeBubblesAmount, speed, sizeFireflies Rive animation: Amount, speed, sizeFreeFirefliesAmount, speed, size

Shaders17

Running live. Each one opens with its knobs and its code.

View all →
Plasma
Holographic
Aurora
Caustics
In the course
Nebula Fog
In the course
Fire Burst
In the course
Screen Glitch
In the course
3D Hit Stamp
Marble
Clouds
Waves
Kaleidoscope
Chromatic
Metal
Halftone
Stars
Noise

Want to build these yourself?

Every technique here is a lesson in the course.

See the courses

Every file is yours to use in your own apps, sites, games and client work. Read the licence