110+ low-fidelity
sections for Oxygen 

An organized and well-structured UI Kit.

OxyWireframe is a Design Set that uses the BEM pattern and REM units. Designed as a Wireframe to create anything you want.

110+ blocks ready to be edited in different ways every time. Soon available!

Wireframe
Classic
Modern
Material
Card subtitle

Wireframe Card

Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Watch Category

Classic Watch

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

watch category

Sport Watch

Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Card subtitle

Material Watch

Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Don’t build the same site twicE

To each website its own personality

Use this kit to give your website the most appropriate style in no time.

Rounded edges and bright gradients are not suited for a classic and elegant website.

Use the classes developed in this design set and add your own if necessary.

You can create all the styles you want. For real.

See how to use CSS classes
Advanced CSS class naming

Use classes like a pro with BEM Pattern

BLOCK__ELEMENT--MODIFIER.

The BEM approach to writing classes is achievable with minimal effort in Oxygen and will make your life much easier.

Component classes are perfectly organized and extendable. It will also be much easier to search for them in the suggestions.

This design set is meant to be extended. You will be given an organized starting point and you can add every class you want: elements and modifiers.

See how BEM pattern works
CSS BEM Pattern Naming Convention Wireframe Kit Example
REM sizes Wireframe Kit Example
stop using media queries for this

Keep it fluid with REM units

Get an automatic responsive design with our default settings. Using REM units and you won't have to worry about responsiveness anymore.

This will improve your workflow speed!

Fluid Typography

Headings and text will scale automatically.

Fluid size

All margin, padding and sizes will scale too.

See how REM units works

Why choose OxyWireframe?

Fast Workflow

Create and prototype websites in less time.

BEM Pattern

Each element uses the BEM naming convention.

Fluid typo/sizes

Texts and sizes automatically scaled.

100% Responsive

Each section is 100% responsive on every device.

Organized Code

SEO friendly elements and simple code structure.

Custom identity

Start from a wireframe and create your own brand.

Our Packages

We offer three different bundles. Choose the best fit for you.
Read our docs and refund policy before purchase.

Figma Kit

.fig Figma file

110+ low-fidelity blocks

Lifetime Access

.xd Adobe XD file (coming soon)

29

Improve your prototype workflow with this awesome Figma Kit.
Get Figma Kit  →
Price EXCLUSIVE of VAT Taxes

Design Library

JSON settings

Wireframe Design Set

110+ Oxygen Sections

Lifetime Access

59

110+ low-fidelity sections for Oxygen with REM units and BEM pattern.
Get Design Library  →
Price EXCLUSIVE of VAT Taxes

OxyWireframe

Figma Kit

110+ low-fidelity blocks

JSON settings

Wireframe Design Set

110+ Oxygen Sections

Lifetime Access

79

The complete OxyWireframe bundle. Design and prototype with this kit, crafting something unique.
Get OxyWireframe
Price EXCLUSIVE of VAT Taxes
magic-wandheartcarttaglaptop-phonediamondrocketcheckmark-circleframe-contractlayerstext-size