Interactive Rive templates. Built to be poked.
Customize free and premium Rive templates with your logo, colors and words, then download a working .riv file. Every hover, tap and drag still works.
Interactive Rive Templates
Premium Rive template · Icons
A desk calendar whose page turns over the rings with real-feeling perspective. Set the date and it flips in on load; tap to flip again. A second version lets your app flip to any date. Every color is editable.
calendar, date, flip, page turn, tear off, schedule, day, booking, countdown, event, tap, icon
Premium Rive template · Buttons
A glossy pill button that follows the pointer: the color, shine and shadow lean toward the cursor. Press and it sinks into its ring, then springs back with a ripple. Change the label and every color, and the button grows to fit your text. Fires a clicked event.
button, pill, glossy, gloss, hover, press, spring, ripple, interactive, pointer
Free Rive template · Navigation
A five-card FAQ accordion with a gradient reveal. Each card hugs its answer, up to six lines, and the cards below push down on their own. Edit every question, answer, color and the corner radius, open or close cards with triggers, and listen for opened and closed events.
faq, accordion, expand, collapse, cards, gradient, questions, help, state machine, events, responsive
Premium Rive template · Forms & Inputs
A clean pair of sign up and log in forms with a strength meter, show/hide password, error and success states, and confetti. Every label and color is editable. Your app sends in the results, and you can set Show Fields to false to use native inputs.
sign up, log in, login, form, password, strength meter, validation, text input, error state, responsive, state machine
Free Rive template · Loaders
A waveform typing indicator: rounded bars rise and fall in a pill on a loop. Fire Stop and Start, and listen for the stopped and started events. Change the colors, roundness, bar count (2 to 7) and speed. Scales to fit and stays centered at any size.
typing, indicator, waveform, audio, bars, chat, voice, loader, equalizer, events, responsive
Free Rive template · Loaders
A chat typing indicator: three dots bounce in a speech bubble on a loop. Comes in two versions, with small circles or a pointed tail. Change the dot and bubble colors, roundness, dot size and bounce amount. Scales to fit and stays centered at any size.
typing, indicator, chat, message, bubble, dots, bounce, loader, speech bubble, messaging, responsive
Premium Rive template · Icons
Two animated play/pause icons. Morph reshapes the triangle into pause bars, and Spin rotates it into place. Use them together or alone, at any size. Click to switch or fire Toggle from code, with play and pause events. Color and rounding are editable.
play, pause, media, icon, toggle, morph, spin, button, video, audio, events, responsive
Free Rive template · Navigation
Square-icon alert cards in Success, New Update, Warning and Error versions. Each wipes in as its icon slides up. Tap the X or fire Dismiss to close, Show to return. Edit the text, colors, corner radius and icon, and listen for tapped and dismissed events.
alert, notification, banner, success, error, warning, info, message, state machine, events, responsive
Premium Rive template · Backgrounds & Heroes
Logo intro for a website or app. Your logo slams in with a 3D flip and particle streaks, lands with a glow, and an ENTER button appears. Swap in your logo (transparent PNG or WebP), adjust the glow and colors, and listen for the enter event. Responsive.
logo, intro, splash, logo reveal, impact, 3d flip, particles, glow, enter button, landing, brand, responsive, website intro, animated logo
Premium Rive template · UI Kits
This UI set includes 9 friendly, clean, and adaptable elements that can be used across a variety of projects.
Elements included:
- A Menu
- A Search Bar
- Blank Text Button
- X Button
- Check Button
- Download Button
- Like Button
- Comment Button
- Pagination
color blocking, Pagination, Comment Button, Like Button, Download Button, Check Button, X Button, Search Bar, Menu, UI Set
Premium Rive template · Backgrounds & Heroes
Logo intro for a website or app. Your logo drops in spinning, lands with a squash and shockwave, bounces, gets a sheen sweep, then an ENTER button pops in. Swap in your logo (transparent PNG or WebP). Timing and colors are adjustable. Responsive.
logo, intro, splash, logo reveal, tumble, bounce, enter button, landing, loader, brand, sheen, shockwave, responsive, website intro
Premium Rive template · Navigation
Slide-up toast notifications in Success, Error, Warning and Info versions. Each bounces in, runs a timer bar and drops away, or closes with the X or Dismiss. Pick a Kind, fire Show and listen for dismissed. Text, colors and corner radius are editable.
toast, notification, alert, snackbar, success, error, warning, message, popup, state machine, events, responsive
Free Rive template · Navigation
A 4-step onboarding progress bar for sign-up flows, checkouts and setup wizards. Set Step and the green line fills, finished steps get a drawn check and the current one pulses. A completed event fires at the end. Labels and colors are editable.
stepper, onboarding, progress, steps, wizard, sign up, checkout, progress bar, checkmark, state machine, events, responsive
Free Rive template · Backgrounds & Heroes
A friendly cookie consent banner with a wobbling cookie. Tap Accept and it gets a bite taken out of it, crumbs fly and the banner drops away. Your app can listen for accepted and settings events, and all text and colors are editable. Labels never clip.
cookie, cookie banner, consent, gdpr, privacy, banner, accept, popup, state machine, events, responsive
Free Rive template · Toggles & Switches
A Monthly / Annual pricing switch for any plan card. Tap and the knob slides, the price rolls between amounts and a Save badge pops in. All prices, labels and colors are editable, and your app can set Billing or listen for the billing changed event.
pricing, toggle, switch, monthly, annual, billing, plan card, subscription, price, badge, state machine, responsive
Free Rive template · Buttons
An interactive submit button that transitions into an animated checkmark when a form is completed. It confirms right on the button that everything went through.
submit button, checkmark, success state, form submit, interactive button
Free Rive template · Backgrounds & Heroes
A 404 page built from a grid of square tiles. The nearest squares light up green and trail behind your pointer or finger, and scrambled PAGE NOT FOUND letters fly into place as you interact. Fully responsive, it fills any screen, desktop or phone.
404, error page, not found, grid, squares, pixel, hover, interactive, trail, touch, responsive, state machine, dark mode, loop
Free Rive template · Buttons
This button features a calming glow when hovered over or active. Its roundness, colors and text are all adjustable, so it fits in with your design. Use it for a chill vibe. B^)
button, glow, hover animation, gradient button, calming, round button
Premium Rive template · Forms & Inputs
A login form with personality: round glasses and thick eyebrows follow the pointer, squeeze shut for passwords, shake on errors and hop on success. Built-in fields only type in Rive previews, so set Show Fields to false and connect your own inputs.
login, sign in, form, mascot, glasses, eyes, eye tracking, password, text input, validation, error state, state machine, interactive
Free Rive template · Buttons
A glossy neon pill button that comes alive on hover, with two light trails chasing the outline and a soft cyan-to-violet halo behind it. The pill resizes with its label, the text and colors are editable, and the background is transparent.
button, join, cta, neon, glow, hover, trim path, gradient, pill, interactive, micro-interaction, state machine, responsive
Premium Rive template · Navigation
A responsive navigation bar with smooth tab-switching animations. Designed for mobile and web interfaces, it works as a tab bar or main menu and gives every tab change a bit of motion.
navigation bar, tab bar, menu, ui animation, interface
Free Rive template · Toggles & Switches
A smooth sliding toggle switch animation for state changes in mobile apps and web user settings. A familiar control with enough motion to make each change feel satisfying.
switch, toggle, slide, ui control, settings
Free Rive template · Loaders
A vibrant multicolored looping loading animation. Designed for screen transitions and content fetching states, it adds some color to the moments when people are waiting.
colorful loader, spinner, progress, loading animation, loop
Free Rive template · Navigation
An interactive expanding menu animation designed for website headers and mobile app navigation. It keeps navigation tucked away until someone opens it, so the screen stays clean.
menu, navigation, deploy, dropdown, ui animation
Free Rive template · Buttons
An interactive Get Started call-to-action button with hover and click states, designed for landing page onboarding. It responds as people approach and press it, so the first step feels alive.
button, cta, interactive, get started, onboarding
Free Rive template · Buttons
An animated shopping cart icon that reacts to item additions. Designed for e-commerce headers and checkout flows, it gives shoppers a clear visual signal each time something lands in the cart.
shopping cart, ecommerce, cart icon, checkout, retail
Free Rive template · Icons
A ringing notification bell with an alert badge, ideal for headers, activity feeds and system alerts. Its outline style fits cleanly next to other interface icons.
notification, bell icon, alert, badge, reminder
Premium Rive template · Navigation
An animated frosted glass navigation menu designed for modern web and mobile interfaces. The soft glass look keeps navigation feeling light on the page, in apps and websites alike.
glass, menu, navigation, frosted, ui design
Free Rive template · Buttons
An animated tag icon that triggers on click to save or bookmark items in apps. A quick visual reward for keeping an article, product or post to come back to later.
tag, save button, bookmark, click, microinteraction
Free Rive template · Icons
An animated padlock opening and closing, ideal for authentication flows, security indicators and privacy settings. A clear visual signal for whether something is locked or open.
lock, padlock, security, privacy, unlock icon
Free Rive template · Toggles & Switches
An interactive toggle switch featuring a squishy, elastic bounce animation for playful UI settings. It gives each flip a bit of character, so a small control feels fun to press.
toggle, switch, squash, interactive, ui control
Free Rive template · Sliders & Carousels
An interactive slider for selecting countries, with smooth animated transitions. Ideal for travel apps and location settings, it turns picking a place into something people actually enjoy using.
country, slider, carousel, location selector, ui slider, interactive
Free Rive template · Buttons
An interactive, looping call-to-action button designed to boost engagement in onboarding flows and landing pages. The constant motion draws the eye to the one thing you want people to click.
get started, cta, button, interactive, onboarding, loop
Premium Rive template · Icons
Three animated icons in one file: a notification bell, hamburger menu and account icon. The bell rings and a red badge shows your message count. Each responds to a tap or a command from your app, with editable colors, transparent background and responsive sizing.
icons, bell, notification, badge, hamburger, menu, account, profile, message count, state machine, responsive, transparent
Free Rive template · Backgrounds & Heroes
An isometric stained-glass 404 built from about 500 glass shards. Hover to shatter the glass and watch the pieces drift back into place. Shatter strength, tilt, idle timing and all nine colors are adjustable. Responsive, with a transparent background.
404, error page, not found, stained glass, glass, shatter, interactive, hover, isometric, 3d, responsive, dark mode, loop
Free Rive template · Forms & Inputs
A rotating dial control designed for interactive settings and value adjustments. Use it for volume, levels or any setting where turning a knob feels more natural than moving a slider.
dial, knob, rotary control, input control
Premium Rive template · Navigation
A rotary menu you spin by dragging. Release and it snaps to the nearest item; a small nudge commits to the next one. Add, remove or rename items and the wheel respaces itself. Every color is editable, and items fade away from the focus point.
rotary, dial, wheel, menu, drag, snap, picker, list, navigation, selector, radial
Free Rive template · Icons
An animated thumbs up icon designed for interactive like buttons, feedback prompts and social media reactions. A quick, friendly way for people to show they approve.
thumbs up, like, reaction, feedback, social icon
Free Rive template · Backgrounds & Heroes
Drop-in confetti for any success moment. A transparent overlay fills any screen as pastel paper and curvy streamers tumble down. All four colors are editable. It plays on load, the Celebrate trigger replays it, and a finished event fires when the screen is clear.
confetti, success, celebration, overlay, transparent, pastel, responsive, trim path, streamers, state machine, ui, feedback
Free Rive template · Loaders
An animated progress indicator that shows file download completion. Built for loading and transfer states, it keeps people informed while a file is on its way.
download, progress bar, loader, file transfer, status indicator
Free Rive template · Icons
A dynamic heart burst animation designed for social media like buttons and favorite micro-interactions. It turns a quick tap into a small reward, in feeds, posts or saved items.
heart, burst, like, favorite, social media
Free Rive template · Backgrounds & Heroes
An animated eye graphic designed for 404 error screens and missing page states. Give people something memorable to look at when a page goes missing, instead of a plain error message.
404 error, eye, page not found, empty state, illustration
Free Rive template · Icons
An envelope opening to reveal a message, ideal for email apps, contact forms or notification indicators. Use it to confirm a message has arrived or to invite people to read one.
mail, envelope, email, open, inbox
Free Rive template · Sliders & Carousels
A dimensional slider control with responsive depth effects, designed for interactive UI adjustment settings. The sense of depth gives a routine control more presence on the screen.
slider, depth, interactive, controls, ui component
Free Rive template · Buttons
An interactive button featuring a smooth highlight animation on hover and click, made for modern UI calls to action. It gives people clear feedback the moment they reach for it.
button, highlight, hover, interactive, cta
Free Rive template · Buttons
A clean interactive button with a dynamic cover fill animation, suitable for calls to action on modern websites. The fill gives people clear feedback as they reach for the button.
button, interactive, cover effect, cta, hover, fill
Free Rive template · Icons
An animated transition from a hamburger menu icon to a close X, ideal for mobile navigation toggles. It shows at a glance whether the menu is open, with more polish than a plain swap.
hamburger, menu, close icon, menu toggle, morph, ui icon
Premium Rive template · Text & Typography
A subtle animated vertical text effect designed for branding overlays and creative background typography. Run a name or word down the side of a page for some quiet motion.
vertical text, typography, branding, overlay
Premium Rive template · Sliders & Carousels
A vertical sliding image carousel template for media galleries and portfolios. Images move up and down rather than side to side, which suits tall layouts and sidebars.
vertical slider, image carousel, slideshow, gallery transition
Free Rive template · Toggles & Switches
An interactive toggle switch that animates between sun and moon states for dark mode theme selection. It makes a simple settings choice clear at a glance and fun to press.
toggle, dark mode, light mode, switch, theme switch
Free Rive template · Buttons
An animated star rating component designed for review forms, customer feedback and product evaluation displays. A familiar, friendly way to ask people what they think.
star rating, feedback, reviews, score, rating widget
Free Rive template · Loaders
A looping geometric square loading animation designed for UI progress states and content buffering. A clean, simple shape that fits in with almost any interface while people wait.
square loader, loading animation, progress indicator, geometric loader, ui spinner
Free Rive template · Buttons
A crisp checkmark animation designed for confirmation prompts and task completion states. Use it to tell people clearly that an action went through or a step is finished.
checkmark, check icon, verification, success, ui icon
Premium Rive template · Icons
An animated send paper airplane icon, ideal for chat interfaces and submission states. Use it on send buttons and contact forms to show that a message is on its way.
send icon, paper plane, messaging, chat animation
Free Rive template · Icons
A swinging red bell with an alert effect, designed for UI notification badges and user status updates. Use it in headers or inboxes to catch the eye when something new arrives.
bell, notification, alert, reminder, icon
Free Rive template · Loaders
A looping loader animation designed for full-screen loading states and app splash screens. Use it for those first moments when your app opens and people are waiting for it.
loader, loading spinner, progress indicator, buffer, splash screen
Free Rive template · Buttons
An interactive button animation designed for user authentication and login submission states. Use it on sign-in screens to give people clear feedback the moment they log in.
login button, authentication, ui button, interactive, call to action
Free Rive template · Sliders & Carousels
An interactive frame slider with smooth transition controls, designed for media galleries and portfolio previews. A clean way to step through a set of images or work samples.
frame slider, interactive slider, carousel, media slider, ui control
Free Rive template · Sliders & Carousels
A smooth sliding image animation designed for interactive galleries, product showcases and dynamic web headers. Use it to move through photos or products without leaving the page.
image slider, carousel, slide transition, gallery, portfolio
Free Rive template · Buttons
An animated button displaying a heart icon, ideal for favorite, wishlist or like interactions in mobile and web apps. Use it on product cards, posts or anywhere people save what they love.
heart, card, favorite, like, wishlist
Free Rive template · Backgrounds & Heroes
An interactive grid pattern that reacts to cursor movement, perfect for modern website hero sections and ambient backgrounds. It brings a page to life and gives visitors something to play with.
grid, mouse tracker, interactive, background, cursor effect
Free Rive template · Loaders
A smooth looping gradient spinner designed for application loading states and buffering screens. The soft color blend makes a wait feel a little more polished than a standard spinner.
loader, gradient, spinner, progress, buffering
Free Rive template · Illustrations
A stylized looping flame graphic designed for media overlays and video corner accents. Add a little heat to streams, title cards or any screen that needs a small animated accent.
fire, flame, overlay, burn
Premium Rive template · Buttons
A colorful confetti burst animation designed for celebratory popups, gamified rewards and milestone screens. Use it to mark a win, a purchase or a finished task with a quick moment of celebration.
confetti, celebration, burst, party, reward, particles
Free Rive template · Loaders
A looping circular progress spinner designed to show loading and buffering states in web and mobile apps. A simple, familiar way to let people know something is happening while content loads.
circle loader, spinner, loading, progress indicator, buffer
Free Rive template · Icons
An animated checkmark that draws itself into place. Ideal for task completions, success states and verified indicators, it gives people a clear, satisfying signal that something is done.
checkmark, check marker, success, verified, completion
Free Rive template · Icons
An animated checkmark badge, ideal for verification status and secure confirmations. Use it on profiles, account screens or checkout flows to show at a glance that something is verified.
checkmark, verification, badge, security, success
Free Rive template · Buttons
An interactive button with an animated arrow icon, ideal for call-to-action prompts and navigation. The arrow gives people a clear cue that there is somewhere to go next.
arrow, button, interactive, call to action, ui
Free Rive template · Backgrounds & Heroes
An animated slot machine landing on a 404 combination, designed for playful error pages and empty website states. It turns a dead end into a small moment of fun.
404, page, slot machine, error state, empty state, page, not found
Free Rive template · Forms & Inputs
An interactive window picker selector designed for screen sharing, display capture settings and desktop management tools. Lets people choose which window they want to use.
window picker, screen share, selector, interface, display capture
Free Rive template · Sliders & Carousels
A circular arc dial animation for selecting values, levels or settings in interactive UI designs. A compact alternative to a straight slider when space or style calls for it.
radial selector, arc slider, dial control, circular slider, ui control
Free Rive template · Loaders
A dynamic progress indicator animation, ideal for content loading and rendering states. Use it to show people how far along things are while your app does the work.
progress bar, loader, loading screen, indicator
Free Rive template · Text & Typography
An animated 3D isometric text effect with subtle motion, ideal for branding overlays, badges and title cards. A simple way to give a word or name some dimension on the screen.
isometric text, text effect, 3d typography, branding overlay
Premium Rive template · Sliders & Carousels
An interactive image slider component with smooth transitions, designed for portfolio galleries and hero sections. Use it to show off photos or work right at the top of a page.
image slider, carousel, interactive, gallery, photo showcase
Free Rive template · Sliders & Carousels
An interactive image slider button with smooth sliding transitions for media previews and photo galleries. Use it to let people move through images with a simple press.
image slider, slider button, media preview, gallery
Free Rive template · Navigation
An interactive hamburger icon that smoothly morphs into a close button for mobile menus. A simple way to show whether a menu is open or closed, with a transition that feels deliberate.
hamburger menu, close icon, navigation toggle, menu button, ui icon
Free Rive template · Buttons
An interactive call-to-action button animation designed for landing page onboarding and user signups. Put it where you want people to take the first step and give that click a little extra pull.
button, call to action, get started, ui interaction, onboarding
Free Rive template · Illustrations
An interactive task board with moving cards and status updates. Suitable for project management and productivity dashboards, or as a lively illustration for a landing page or empty state.
task board, kanban, productivity, project management, dashboard
Free Rive template · Forms & Inputs
An interactive search bar with smooth expanding and focus animations. Ideal for website headers and search interfaces, it adds a polished moment to the first thing people tap when they need to find something.
search bar, search input, input field, interactive ui, search animation
Free Rive template · Illustrations
An animated vintage typewriter in action, perfect for retro-themed landing pages, storytelling blogs and creative portfolios. A charming way to say that words are being written.
typewriter, vintage, retro, typing, writing
Free Rive template · Buttons
A pixel-art animated subscribe button overlay designed for videos and interactive UI elements. Its retro look adds some arcade charm to channels, pages and end screens.
subscribe button, pixel art, ui button, retro
Free Rive template · Forms & Inputs
An interactive picture selector component designed for image uploaders, profile editors and gallery selection interfaces. Use it wherever people need to choose a photo.
picture selector, image picker, photo upload, ui component, gallery select
Free Rive template · Icons
An animated envelope opens to reveal a letter, designed for email notifications and contact interfaces. It turns a routine new message moment into something a little more personal.
mail, envelope, email, message, notification
Free Rive template · Toggles & Switches
An interactive on-off toggle switch animation designed for settings menus and user preference controls. A clear, simple control for anything that is either on or off.
toggle switch, on off switch, ui control, interactive toggle, settings switch
Free Rive template · Icons
An animated folder icon that opens and organizes files. Ideal for file managers, directory menus and digital workspaces, it adds a clear bit of motion wherever people browse their content.
folder, category, directory, file manager, interface icon
Free Rive template · Illustrations
An animated piggy bank collecting coins, ideal for fintech apps, savings trackers and banking dashboards. Use it to give savings goals, deposits and money screens some personality.
piggy bank, savings, finance, money, fintech, banking
Free Rive template · Buttons
A press-and-hold delete button that guards against accidental taps. Hold and a box drops into the trash; let go early and it pops back out. Finish and a check draws in and a deleted event fires. The label and colors are editable.
button, hold to delete, long press, delete, trash, destructive action, confirm, checkmark, progress, interactive, micro-interaction, state machine, ui
Free Rive template · Buttons
A slide-to-confirm button with a real drag interaction. Drag the handle across and it wipes the label away, the track flashes and a check draws in. Release early and it springs back. A Confirmed trigger fires at the end. Colors and labels are editable.
button, slide to confirm, swipe, drag, confirm, checkout, checkmark, interactive, hover, micro-interaction, state machine, ui, payment
Free Rive template · Loaders
A looping loader built from eight particles, each tracing its own path with a trailing stroke. The motion runs as a seamless 5-second loop that fits any loading state. You can change all five colors to match your brand without opening the file.
loader, loading, spinner, particles, follow path, loop, color, animated, ui, progress