![Sketch1.png](https://static.wixstatic.com/media/0d6674_ae8992b54f02456a9f11e52a11d32e2a~mv2.png/v1/fill/w_160,h_90,al_c,q_85,usm_0.66_1.00_0.01,blur_3,enc_auto/0d6674_ae8992b54f02456a9f11e52a11d32e2a~mv2.png)
An intuitive grid experience
Work with the grid directly on the canvas to add emphasis and style where you want it. Split, resize and swap cells to create unique layouts.
![](https://static.wixstatic.com/media/b1cfed_5b242152d2274922a57d75a6c548909bf000.jpg/v1/fill/w_160,h_90,al_c,q_80,usm_0.66_1.00_0.01,blur_3,enc_auto/b1cfed_5b242152d2274922a57d75a6c548909bf000.jpg)
Code-free animations for every breakpoint
Spark delight with no-code interactions and animations—with extra options from Lottie—to add movement, draw attention, experiment with scrollytelling and more.
Responsive design, no math needed
Edit in pixels and let the platform optimize for every screen. Choose from out-of-the-box behaviors for elements or use responsive AI on complex designs, then refine as needed.
![](https://static.wixstatic.com/media/b1cfed_754a1dfa05e2425c9143a1422fed7bc6~mv2.jpg/v1/fill/w_147,h_83,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_auto/Frame%201000001136.jpg)
![](https://static.wixstatic.com/media/b1cfed_02d74cdbfb0b4c8482efa11c11d1bb0ef000.jpg/v1/fill/w_160,h_90,al_c,q_80,usm_0.66_1.00_0.01,blur_3,enc_auto/b1cfed_02d74cdbfb0b4c8482efa11c11d1bb0ef000.jpg)
![](https://static.wixstatic.com/media/b1cfed_88af3a1c56dc4dec984e53468f8776f7~mv2.png/v1/fill/w_49,h_62,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/Frame%201003330001108.png)
![An image of functionality in Wix Studio that lets users design responsively. The following options: ‘Scale Proportionally’, ‘Wrap’, ‘Fixed’ and ‘Hug’ are shown.](https://static.wixstatic.com/media/b1cfed_d34a0ff46503448ca8c8222c88b6e4db~mv2.jpg/v1/fill/w_105,h_119,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_auto/Frame%201000001109.jpg)
Customize the CSS for total creative control
Create unique visuals and animations with CSS. Use media queries to make changes per breakpoint, and custom classes to keep everything consistent.
![An example CSS code in Wix Studio that can be customized to enable text masking.](https://static.wixstatic.com/media/0d6674_37ce808873ce4bd793a03e56e39c9115~mv2.png/v1/fill/w_48,h_62,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/Code.png)
![](https://static.wixstatic.com/media/0d6674_a1584fbc18a7408fa390e64cd5ff3a63~mv2.png/v1/fill/w_98,h_167,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/Code%20-%20Tablet.png)
Create gradient backgrounds right in the editor
Design custom linear, radial, conic and fluid gradients with unlimited color points, directly in the editor.
![](https://static.wixstatic.com/media/0d6674_fb2acbb7e8ff4daa87572eb789657a95~mv2.jpg/v1/fill/w_147,h_99,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_auto/1Rectangle%207373.jpg)
![](https://static.wixstatic.com/media/0d6674_94bd1956326344a3af11f5f1f19bd9c8~mv2.jpg/v1/fill/w_147,h_99,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_auto/Rectangle%207373.jpg)
![](https://static.wixstatic.com/media/0d6674_35c64783e3bc4eef8fac7308b95a3608~mv2.jpg/v1/fill/w_147,h_99,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_auto/Rectangle%207199.jpg)
![](https://static.wixstatic.com/media/0d6674_e0f37b4fad084caaa9fc28bf82732980~mv2.jpg/v1/fill/w_99,h_166,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_auto/Frame%201000001450.jpg)
![](https://static.wixstatic.com/media/0d6674_b54bd196303345f1862f9088fd25252f~mv2.jpg/v1/fill/w_99,h_166,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_auto/Frame%201000001225.jpg)
![](https://static.wixstatic.com/media/0d6674_5203869519c6467a8e1e5a9ac37a69ec~mv2.jpg/v1/fill/w_99,h_166,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_auto/Frame%201000001449.jpg)
![Frame 1000001191.png](https://static.wixstatic.com/media/0d6674_2e3fcfa93a6a4b5fa53f09e16ae96d18~mv2.png/v1/fill/w_160,h_60,al_c,q_85,usm_0.66_1.00_0.01,blur_3,enc_auto/0d6674_2e3fcfa93a6a4b5fa53f09e16ae96d18~mv2.png)
![](https://static.wixstatic.com/media/b1cfed_ea109f4935df45089393568daea011f3~mv2.png/v1/fill/w_73,h_82,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/Frame%201000001452.png)
Use accessible, SEO-friendly text masks you can fill with images, gradients and videos.
Turn any vector into a custom cursor
Upload any SVG—or choose from 1000s of available options—to use as a custom cursor on elements, sections or pages.
![](https://static.wixstatic.com/media/4da84e_fa5c86281dce4a04b55229e3a15e6711~mv2.jpg/v1/fill/w_115,h_114,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_auto/yellow%20hover.jpg)
![](https://static.wixstatic.com/media/b1cfed_d8f6b0fb1dd044f8aac558a83ddbb68f~mv2.jpg/v1/fill/w_147,h_146,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_auto/Rectangle%207019.jpg)
Sunny
86°F
![](https://static.wixstatic.com/media/4da84e_fd1c63db673b4bb49137b87dc30a0cee~mv2.jpg/v1/fill/w_115,h_114,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_auto/blue%20hover.jpg)
Cloudy
68°F
![](https://static.wixstatic.com/media/4da84e_a8405ff6ebd541e8988eefec51cdeaec~mv2.jpg/v1/fill/w_147,h_145,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_auto/greyhover.jpg)
![](https://static.wixstatic.com/media/4da84e_37fed475327549ab87091fb6cb578555~mv2.jpg/v1/fill/w_147,h_152,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_auto/4da84e_37fed475327549ab87091fb6cb578555~mv2.jpg)
Light Rain
59°F
![](https://static.wixstatic.com/media/b1cfed_b6268e9a478d4fd980c45d493ea0dd68~mv2.jpg/v1/fill/w_130,h_101,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_auto/Frame%201000001451.jpg)
![](https://static.wixstatic.com/media/0d6674_bf1da2fcbac2403cb1ae6da6570abbd1~mv2.png/v1/fill/w_182,h_660,al_c,q_85,blur_3,enc_auto/Group%20472176682.png)
![](https://static.wixstatic.com/media/b1cfed_9941ca4cc3ef460ba5d44775f5af075d~mv2.png/v1/fill/w_61,h_59,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/b1cfed_9941ca4cc3ef460ba5d44775f5af075d~mv2.png)
![](https://static.wixstatic.com/media/b1cfed_9a9a2ebe7c0f4c048ed2e79c4c280c5e~mv2.png/v1/fill/w_150,h_149,al_c,q_85,blur_3,enc_auto/b1cfed_9a9a2ebe7c0f4c048ed2e79c4c280c5e~mv2.png)
Pick up the pace with pre-designed assets
Start with expert-made assets and sections inspired by the latest web trends to speed up your process. Then dissect, repurpose, or customize them for each project.
Welcome section
![A pre-designed welcome section for a website that is available in Wix Studio. There is placeholder text on top with an image of a poster on the left and purple ripples on the right.](https://static.wixstatic.com/media/b1cfed_d8b5bccd3d084e1ba0c7b8f6eeda1f9b~mv2.png/v1/fill/w_49,h_34,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/Welcome%20section.png)
Click section
![](https://static.wixstatic.com/media/b1cfed_f121f613edd744aa90b1c5e4c4b3456f~mv2.png/v1/fill/w_49,h_25,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/Click%20section.png)
![](https://static.wixstatic.com/media/b1cfed_90a3d955697c4d3492d51f8822330c7f~mv2.png/v1/fill/w_49,h_25,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/b1cfed_90a3d955697c4d3492d51f8822330c7f~mv2.png)
![](https://static.wixstatic.com/media/e4cb17_03f65e10749e473191735e7b0e8aff9b~mv2.jpeg/v1/crop/x_1147,y_2542,w_1702,h_2424/fill/w_147,h_209,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_auto/e4cb17_03f65e10749e473191735e7b0e8aff9b~mv2.jpeg)
LIVE LOUD
Describe the product here. Include important features, specifications and other relevant details.
Describe the product here. Include important features, specifications and other relevant details.
Team section
![A pre-designed team section for a website that is available in Wix Studio. There is placeholder text on top with four images of team members and their names, titles and email addresses below.](https://static.wixstatic.com/media/b1cfed_ccfa9080a99f46e7a396900f284a2942~mv2.png/v1/fill/w_49,h_32,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/Team%20section.png)
Services
![A pre-designed services section for a website that is available in Wix Studio. There is an image of a phone on the left, a headphone band in the center and a mic on the right, each one can be edited to display a service.](https://static.wixstatic.com/media/b1cfed_cf16e19c7e914f88ab9cf2a64784e21a~mv2.png/v1/fill/w_49,h_24,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/Services.png)
Tabs layout
![](https://static.wixstatic.com/media/6ededf_91babbf518f449578284b520de95a88a~mv2.jpg/v1/fill/w_147,h_147,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_auto/yuvalna_packshot_photo_of_washed_gradient_object_on_light_grey__65c05558-9fb8-42f3-9c28-1d.jpg)
Smart speaker
Change the text to include your own content. Adjust the font, size or scale to customize the style.
Include as much or as little text as you want. Tabs grow and shrink vertically to fit your text. Each tab can have a different height and look.
![](https://static.wixstatic.com/media/0d6674_61e976ef332f401e80fbc72e26dc47ff~mv2.png/v1/fill/w_84,h_134,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/Frame%201000001353.png)
Hover section
![](https://static.wixstatic.com/media/b1cfed_423de490558f49f0a25050a87bad95c4~mv2.png/v1/fill/w_49,h_23,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/Hover%20section2.png)
Our Products
This is your Team section paragraph.
![](https://static.wixstatic.com/media/11062b_9c25b768fb004a62b911e1dbf99a8ac8~mv2.jpg/v1/fill/w_147,h_98,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_auto/Natural%20Soap%20Bars%20.jpg)
20$
Product Name
20$
Product Name
20$
Product Name
20$
Product Name
NEW IN!
Accordion
Change the text and add your own content, including any information that is relevant to share. Then customize the font, size and scale to make it your own.
Title 01
Change the text and add your own content, including any information that is relevant to share. Then customize the font, size and scale to make it your own.
Title 02
Change the text and add your own content, including any information that is relevant to share. Then customize the font, size and scale to make it your own.
Title 03
![](https://static.wixstatic.com/media/b1cfed_847186121c8b47aa8f7df5d9e2201362~mv2.jpg/v1/fill/w_73,h_47,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_auto/02.jpg)
Footers
![A pre-designed footer for a website that’s available in Wix Studio. Placeholder contact details are on the right, with a newsletter sign-up section on the bottom.](https://static.wixstatic.com/media/b1cfed_0aaf2f3e086548019aadbff8917fc7e2~mv2.png/v1/fill/w_49,h_24,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/Footers.png)
About section
![A pre-designed about section for a website that’s available in Wix Studio. The image consists of text and emojis.](https://static.wixstatic.com/media/b1cfed_944f27adecd444f48ee40aa5fe26c61d~mv2.png/v1/fill/w_49,h_22,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/About%20section.png)
Build, share and reuse your designs
No need to reinvent the wheel for each project. Save entire custom site templates, or text themes, color palettes and components to use them time and again.
![Examples of custom designs and elements created in Wix Studio. A custom template, text theme, eCommerce component and photograph of a woman jogging feature.](https://static.wixstatic.com/media/b1cfed_d7930f03ae3f451787bd2d41444914ad~mv2.jpg/v1/fill/w_147,h_265,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_auto/1Desktop.jpg)
![Examples of custom designs and elements created in Wix Studio. A custom template, text theme, eCommerce component and photograph of a woman jogging feature.](https://static.wixstatic.com/media/b1cfed_bd26069e36d0492cafa22621b90a4694~mv2.jpg/v1/fill/w_147,h_266,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_auto/1Tablet.jpg)
![Examples of custom designs and elements created in Wix Studio. A custom template, text theme, eCommerce component and photograph of a woman jogging feature.](https://static.wixstatic.com/media/b1cfed_47f2d31160ae42c481fea104caa12874~mv2.jpg/v1/fill/w_130,h_224,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_auto/1Mobile.jpg)
Discover the full potential of the platform
See all design capabilities
Custom breakpoints
Design and optimize sites for every screen size imaginable.
Design with pixels
Design with pixels that are automatically converted to responsive units behind the scenes.
Figma to Studio plugin
Seamlessly export Figma designs and take them even further with Wix Studio.
Responsive AI
Make sites instantly responsive in just a click of a button.
Pixel-perfect positioning
Define exact positioning for each element, including docking, margins, sizing and more at each breakpoint.
Packaged responsiveness
Choose from out-of-the-box responsive behaviors like scale proportionally, hug, fixed and fit to screen.
Integrations