docs: new homepage with gifs#687
Merged
Merged
Conversation
Contributor
|
Preview deployment for your docs. Learn more about Mintlify Previews.
💡 Tip: Enable Workflows to automatically generate PRs for you. |
lancesnider
commented
May 29, 2026
| @@ -0,0 +1,27 @@ | |||
| export const CardGroupCustom = ({ children }) => { | |||
Collaborator
Author
There was a problem hiding this comment.
Mintlify doesn't let you specify columns on mobile screen size. This allows us to do a skinny 2-col layout.
lancesnider
commented
May 29, 2026
HayesGordon
reviewed
May 29, 2026
Contributor
There was a problem hiding this comment.
Pull request overview
Refreshes the docs homepage with a media-rich introduction (video grid + numbered concept cards) and adds supporting reusable snippets. To enable the new layout, RiveCard is extended to support media-only cards with optional href and 3:2 aspect ratio, a new CardGroupCustom wrapper, a generic single-canvas RiveFile runtime component, and a VideoEmbed for autoplay/loop videos. The global Rive runtime loader is also moved from a pinned version to @latest.
Changes:
- New homepage in
getting-started/introduction.mdxreplacing the old text-heavy intro with a video gallery and a 6-step concept grid. - New snippets:
video-embed.jsx,rive-file.jsx,card-group-custom.jsx;rive-card.jsxextended withhref,aspect3by2, and media-only support; hover style added incustom.css. rive-init.jsswitched from@rive-app/webgl2@2.31.2to@latest.
Reviewed changes
Copilot reviewed 7 out of 11 changed files in this pull request and generated 5 comments.
Show a summary per file
| File | Description |
|---|---|
| getting-started/introduction.mdx | Rewrites homepage as a video gallery + numbered concept cards + quickstart YouTube. |
| snippets/video-embed.jsx | New autoplay/muted/loop video wrapper used in the homepage gallery. |
| snippets/rive-file.jsx | New single-canvas Rive runtime component reacting to the rive-loaded event. |
| snippets/card-group-custom.jsx | New grid wrapper used to lay out the homepage video cards. |
| snippets/rive-card.jsx | Adds href, aspect3by2, and media-only rendering; wraps content area in a Link when href is set. |
| custom.css | Adds hover border styling for linked Rive cards. |
| rive-init.js | Switches global Rive runtime loader from pinned 2.31.2 to @latest. |
💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.
| (function() { | ||
| const script = document.createElement("script"); | ||
| script.src = "https://unpkg.com/@rive-app/webgl2@2.31.2/rive.js"; | ||
| script.src = "https://unpkg.com/@rive-app/webgl2@latest/rive.js"; |
Co-authored-by: Copilot Autofix powered by AI <175728472+Copilot@users.noreply.github.com>
| (function() { | ||
| const script = document.createElement("script"); | ||
| script.src = "https://unpkg.com/@rive-app/webgl2@2.31.2/rive.js"; | ||
| script.src = "https://unpkg.com/@rive-app/webgl2@latest/rive.js"; |
Comment on lines
+11
to
+39
| <CardGroupCustom> | ||
| <RiveCard> | ||
| <VideoEmbed src="https://framerusercontent.com/assets/LbCLJ75AO7l248pdkB0P0EFisbE.mp4" /> | ||
| </RiveCard> | ||
| <RiveCard> | ||
| <VideoEmbed src="https://cdn.rive.app/framer/figma_rive.mp4" /> | ||
| </RiveCard> | ||
| <RiveCard> | ||
| <VideoEmbed src="https://cdn.rive.app/framer/product_ui2.mp4" /> | ||
| </RiveCard> | ||
| <RiveCard> | ||
| <VideoEmbed src="https://cdn.rive.app/framer/broadcast.mp4" /> | ||
| </RiveCard> | ||
| <RiveCard> | ||
| <VideoEmbed src="https://cdn.rive.app/framer/data_driven2.mp4" /> | ||
| </RiveCard> | ||
| <RiveCard> | ||
| <VideoEmbed src="https://cdn.rive.app/framer/joel_home.mp4" /> | ||
| </RiveCard> | ||
| <RiveCard> | ||
| <VideoEmbed src="https://framerusercontent.com/assets/RROO3gsepwxfYDx3dsxJfx8HDzE.mp4" /> | ||
| </RiveCard> | ||
| <RiveCard> | ||
| <VideoEmbed src="https://framerusercontent.com/assets/ECBYGU97tURypreR5jen03aJ4xQ.mp4" /> | ||
| </RiveCard> | ||
| <RiveCard> | ||
| <VideoEmbed src="https://cdn.rive.app/framer/territory_sequence.mp4" /> | ||
| </RiveCard> | ||
| </CardGroupCustom> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Uh oh!
There was an error while loading. Please reload this page.