Create websites,
make dreams.
Recoda gives you the tools to make it magical.
Oxygen Builder on steroids.
Make sites that wow.
Cutting-edge box model implementation. Magical color tools.
- Contrast ratio suggestion (AA, AAA)
HSL Colors support
- Spacing tokens support (CSS variables, rem)
Work in rem, think in px
Developer? Look no further.
powered by Recoda Codesense
Recoda Codesense is set of the custom CodeMirror integrations with Oxygen Builder to have the best code writing experience inside Oxygen Builder. IDE level of expirience for writting CSS
Cheat layer for coding
Part of the Codesense are extensions for intelligent CSS hinting, finding all the CSS variables and all the Oxygen classes. Codesense stands out with ability to work in no-selector mode (Oxygen Custom CSS) and hint like you are writing in normal mode.
Autocomplete
Custom-tailored solution to autocomplete CSS.
- CSS properties
Oxygen classes
- CSS variables
Editor Token Hints
When low-code meets the full code. Use CSS Variables like never before, supports CSS variables hints in Editor fields while you are typing.
Blockpad Editor
Codepen like code block editing:
- Three Panel view, Split and Single view
Drag to resize
- 100% fun
Designer Favorite Tools
Easily recreate designs from Figma to real site using customizable Grid Guides to align layout according to design, evaluate design at the lower fidelty and inspect layout problems using X-mode, quickly pick color based on the contrast level.
Grid Guide helpers offer you to have a fronted debug tool to evaluate your design.
You can customize everything at every breakpoint, so it fits with the grid system from Figma design and makes it easier to transfer the desired design to a real website
X-mode is grayscale view of your site's canvas that visually displays each element's border. Grayscale helps you evaluate layout at lower fidelity, and border outline on the other side helps you evaluate space between elements and catch elements which are breaking desired design flow.
Powerful ColorTools that gives you feedback about contrast ratio and WCAG level against current background.