Developer
Manager
Designer
User
Integrate within 30 minutes
Elevate Collaboration
Elevate Collaboration
with
with
Live Selection
Live Selection
Notion-style
Live Selection
Notion-style
Live Selection
James
John
Nate
Amanda
Text message |
Anna
Trusted by
Trusted by
Trusted by
Trusted by
Connected to scalable realtime backend infrastructure.
Embed fully customizable powerful experiences with a few lines of code.
Embed fully customizable powerful experiences with a few lines of code.
Embed fully customizable powerful experiences with a few lines of code.
Code Snippet
import { useVeltClient } from '@veltdev/react';
import { useEffect } from 'react';
export default function App() {
const { client } = useVeltClient();
useEffect(() => {
if (client) {
const selectionElement = client.getSelectionElement();
selectionElement.enableLiveSelection(); //enable live selection
selectionElement.disableLiveSelection(); //disable live selection
}
}, [client]);
return (
<div data-live-selection-enabled="true"></div>
);
}
Code Snippet
import { useVeltClient } from '@veltdev/react';
import { useEffect } from 'react';
export default function App() {
const { client } = useVeltClient();
useEffect(() => {
if (client) {
const selectionElement = client.getSelectionElement();
selectionElement.enableLiveSelection(); //enable live selection
selectionElement.disableLiveSelection(); //disable live selection
}
}, [client]);
return (
<div data-live-selection-enabled="true"></div>
);
}
Code Snippet
import { useVeltClient } from '@veltdev/react';
import { useEffect } from 'react';
export default function App() {
const { client } = useVeltClient();
useEffect(() => {
if (client) {
const selectionElement = client.getSelectionElement();
selectionElement.enableLiveSelection(); //enable live selection
selectionElement.disableLiveSelection(); //disable live selection
}
}, [client]);
return (
<div data-live-selection-enabled="true"></div>
);
}
Co-Editing
Co-Editing
Co-Editing
•
•
•
Support
Support
Support
•
•
•
Sheets
Sheets
Sheets
Co-Editing
Co-Editing
Co-Editing
Co-Editing
Support
Support
Support
Support
Sheets
Sheets
Sheets
Sheets
Co-Editing
Co-Editing
Co-Editing
•
•
•
Support
Support
Support
•
•
•
Sheets
Sheets
Sheets
Co-Editing
Know when your teammates are online for co editing
Know when your teammates are online for co editing
See who is actively editing which element, promoting real-time collaboration and transparency.
No Code Tool
Creative Tools
view all use cases
1
Support
Help Customers with Seamless State Sync
Help Customers with Seamless State Sync
Keep everyone on the same page by syncing the state of elements during live editing.
Onboarding
Customer Support
view all use cases
2
Sheets
Seamless Cell Selection into Sheets
Seamless Cell Selection into Sheets
Enable or disable single edit mode to control the editing environment and enhance collaboration dynamics.
Sheets
Analytics Tools
view all use cases
3
Increase engagement by
10X
“We were able to add it into our codebase within 10 minutes and were live in next 20”
Brendon Small
CPO @Typeform
“We were able to add it into our codebase within 10 minutes and were live in next 20”
Brendon Small
CPO @Typeform
Integrates deeply within your tech stack.
Integrates deeply within your tech stack.
Integrates deeply within your tech stack.
Works across all major web frameworks.
Works across all major web frameworks.
Works across all major web frameworks.
Frequently Asked Questions
Frequently Asked Questions
How long does it take to integrate with Velt SDK?
How long does it take to integrate with Velt SDK?
Which frameworks do you support?
Which frameworks do you support?
Do you offer any volume discounts?
Do you offer any volume discounts?
Do you offer any discounts for startups?
Do you offer any discounts for startups?
How secure is Velt SDK?
How secure is Velt SDK?
How reliable and scalable is Velt SDK?
How reliable and scalable is Velt SDK?
Use Cases