| title | description | hideInPageNavigation |
|---|---|---|
Get Started with Experiences on Roblox |
Learn how to create Roblox experiences with guides, tutorials, and code samples. |
true |
Roblox is a 3D creation platform that provides an all-in-one IDE that includes the Roblox engine, a client emulator, and all the tools and APIs you need to start creating Roblox experiences.
<Grid container spacing={2} style={{marginBottom: 24}}>
<Grid item container sm={12} md={6} lg={4} direction="row" style={{gap: 24, marginBottom: 12}}> <Grid item container wrap="nowrap" direction="column" style={{gap: 8, flex: 1}}> <div class="container" style={{position: "relative", paddingBottom: "56.25%", height: 0}}> <img src="/assets/landing/get-started/studio.png" style={{position: "absolute", top: 0, left: 0, width: "100%", height: "100%"}}/> Get Studio and Take the Tour Get acclimated with Studio by downloading and launching the onboarding tour.
<Grid item container sm={12} md={6} lg={4} direction="row" style={{gap: 24, marginBottom: 12}}> <Grid item container wrap="nowrap" direction="column" style={{gap: 8, flex: 1}}> <div class="container" style={{position: "relative", paddingBottom: "56.25%", height: 0}}> <img src="/assets/landing/get-started/first-experience.png" style={{position: "absolute", top: 0, left: 0, width: "100%", height: "100%"}} /> Create Your First Experience Create a catapult that launches spheres into blocks while learning important Roblox concepts.
<Grid item container sm={12} md={6} lg={4} direction="row" style={{gap: 24, marginBottom: 12}}> <Grid item container wrap="nowrap" direction="column" style={{gap: 8, flex: 1}}>
Roblox Studio has a variety of templates that you can edit and play without prior knowledge. Give them a try and add on to them when you're ready!
<Grid container spacing={2} style={{marginBottom: 24}}>
<Grid item container sm={12} md={6} lg={4} direction="row" style={{gap: 24, marginBottom: 12}}>
<Grid item container wrap="nowrap" direction="column" style={{gap: 8, flex: 1}}>
<div class="container"
style={{position: "relative", paddingBottom: "56.25%", height: 0}}>
Racing
Play this high-octane racing experience with realistic
driving mechanics with your friends!
<Grid item container sm={12} md={6} lg={4} direction="row" style={{gap: 24, marginBottom: 12}}>
<Grid item container wrap="nowrap" direction="column" style={{gap: 8, flex: 1}}>
<div class="container"
style={{position: "relative", paddingBottom: "56.25%", height: 0}}>
Modern City
An immersive city that you can explore and add on
to. Check out the links to documentation inside the experience for more information.
<Grid item container sm={12} md={6} lg={4} direction="row" style={{gap: 24, marginBottom: 12}}> <Grid item container wrap="nowrap" direction="column" style={{gap: 8, flex: 1}}>
To dive deeper, follow along with guided curriculum that teaches you the skills you need to create and monetize your experiences.
<Grid container spacing={2} style={{marginBottom: 24}}> <Grid item container sm={12} md={6} lg={4} direction="row" style={{gap: 24, marginBottom: 12}}> <Grid item container wrap="nowrap" direction="column" style={{gap: 8, flex: 1}}>
<Grid item container sm={12} md={6} lg={4} direction="row" style={{gap: 24, marginBottom: 12}}> <Grid item container wrap="nowrap" direction="column" style={{gap: 8, flex: 1}}>
<Grid item container sm={12} md={6} lg={4} direction="row" style={{gap: 24, marginBottom: 12}}> <Grid item container wrap="nowrap" direction="column" style={{gap: 8, flex: 1}}>
