ONESTUDIO OS
English

COMPONENTS

More ways
to show your business.

Ready-made blocks, interactive elements and visual effects for the pages you build in OneStudio.

LIBRARY

Choose the right building block.

Live previews of real components from the current OneStudio library.

Components · 71Variants · 280
Preview · 01Variants · 5

FAQ / Content

About

Content · PRO

aboutVariants · 5
Preview · 02Variants · 6

App Shell / Layout

App Dialog

App UI · PRO

app-dialogVariants · 6
Preview · 03Variants · 7

App Shell / Layout

App Shell

App UI · PRO

app-shellVariants · 7
Preview · 04Variants · 7

App Shell / Layout

App Sidebar

App UI · PRO

app-sidebarVariants · 7
Preview · 05Variants · 2

Forms

Auth 3 Image Background

Forms · PRO

authVariants · 2
Preview · 06

Typography

Bending Marquee

Text Effects · PRO

bending-marquee
Preview · 07Variants · 4

Galleries / Media

Blog 6 Portfolio Grid

Blog · PRO

blogVariants · 4
Preview · 08

Typography

Blur Highlight

Text Effects · PRO

blur-highlight
Preview · 09Variants · 10

Features

Card

Cards · PRO

cardVariants · 10
Preview · 10

Features

Card Spread

Cards · PRO

card-spread
Preview · 11

Galleries / Media

Circle Gallery

Showcase / Gallery · PRO

circle-gallery
Preview · 12

Motion

Circle Stack

Animations · FREE

circle-stack
Preview · 13

Features

Click Stack

Cards · PRO

click-stack
Preview · 14Variants · 6

App Shell / Layout

Command Menu

App UI · PRO

command-menuVariants · 6
Preview · 15Variants · 5

App Shell / Layout

Comments

App UI · PRO

commentsVariants · 5
Preview · 16Variants · 11

Forms

Contact

Contact · PRO

contactVariants · 11
Preview · 17

Features

Credit Card

Cards · PRO

credit-card
Preview · 18Variants · 10

CTA

CTA

CTA · PRO

ctaVariants · 10
Preview · 19

Interactive

Cursor Wave

Cursor / Pointer · PRO

cursor-wave
Preview · 20

Motion

Device

Animations · PRO

device
Preview · 21

Backgrounds

Dot Shift

Backgrounds · PRO

dot-shift
Preview · 22

CTA

Download

CTA · PRO

download
Preview · 23Variants · 4

Galleries / Media

Ecommerce 7 Gallery

Ecommerce · PRO

ecommerceVariants · 4
Preview · 24Variants · 5

App Shell / Layout

Empty State

App UI · PRO

empty-stateVariants · 5
Preview · 25Variants · 7

FAQ / Content

FAQ

Content · PRO

faqVariants · 7
Preview · 26Variants · 9

Features

Features

Features · PRO

featuresVariants · 9
Preview · 27Variants · 4

App Shell / Layout

Feedback

App UI · PRO

feedbackVariants · 4
Preview · 28

Backgrounds

Flicker

Backgrounds · FREE

flicker
OneStudio componentFloating LinesRequires a WebGL preview surface
Preview · 29

Backgrounds

Floating Lines

Backgrounds · FREE

floating-lines
Preview · 30Variants · 8

FAQ / Content

Footer

Content · PRO

footerVariants · 8
Preview · 31Variants · 6

Forms

Forms

Forms · PRO

formsVariants · 6
Preview · 32

Backgrounds

Frame Border

Backgrounds · PRO

frame-border
Preview · 33

Typography

Glitch Text

Text Effects · PRO

glitch-text
OneStudio componentGlow CursorRequires a WebGL preview surface
Preview · 34

Interactive

Glow Cursor

Cursor / Pointer · FREE

glow-cursor
Preview · 35

Backgrounds

Glue Dots

Backgrounds · PRO

glue-dots
Preview · 36

Interactive

Gradient Carousel

Carousel / Slider · PRO

gradient-carousel
Preview · 37Variants · 17

Hero

Hero

Hero · PRO

heroVariants · 17
Preview · 38Variants · 6

Features

How It Works

Features · PRO

how-it-worksVariants · 6
Preview · 39

Backgrounds

Light Droplets

Backgrounds · PRO

light-droplets
Preview · 40

Backgrounds

Lightspeed

Backgrounds · PRO

lightspeed
Preview · 41

Backgrounds

Liquid Ascii

Backgrounds · PRO

liquid-ascii
Preview · 42Variants · 12

Features

List

Lists · PRO

listVariants · 12
OneStudio componentMagic RingsRequires an isolated runtime
Preview · 43

Backgrounds

Magic Rings

Backgrounds · FREE

magic-rings
Preview · 44

Motion

Magic Transform

Animations · FREE

magic-transform
Preview · 45Variants · 5

App Shell / Layout

Mobile

App UI · PRO

mobileVariants · 5
Preview · 46

Features

Modal Cards

Cards · PRO

modal-cards
Preview · 47Variants · 6

Navigation

Navbar

Navigation · PRO

navbarVariants · 6
Preview · 48Variants · 12

Navigation

Navigation

Navigation · PRO

navigationVariants · 12
Preview · 49Variants · 5

App Shell / Layout

Notifications

App UI · PRO

notificationsVariants · 5
Preview · 50Variants · 7

App Shell / Layout

Onboarding

App UI · PRO

onboardingVariants · 7
Preview · 51

Interactive

Page Flip

Carousel / Slider · PRO

page-flip
OneStudio componentParticle TextRequires a WebGL preview surface
Preview · 52

Typography

Particle Text

Text Effects · FREE

particle-text
Preview · 53Variants · 13

Pricing

Pricing

Pricing · PRO

pricingVariants · 13
Preview · 54

Features

Rotating Cards

Cards · FREE

rotating-cards
Preview · 55Variants · 7

Forms

Scheduling

Scheduling · PRO

schedulingVariants · 7
Preview · 56

Motion

Scroll Mask

Animations · FREE

scroll-mask
Preview · 57

Motion

Scroll Stack

Animations · PRO

scroll-stack
Preview · 58Variants · 4

Forms

Settings Form

Forms · PRO

settings-formVariants · 4
Preview · 59Variants · 5

Galleries / Media

Showcase

Showcase / Gallery · PRO

showcaseVariants · 5
Preview · 60

Interactive

Skewed Carousel

Carousel / Slider · PRO

skewed-carousel
Preview · 61Variants · 14

Social Proof

Social Proof

Social Proof / Testimonials · PRO

social-proofVariants · 14
OneStudio componentSplash CursorRequires an isolated runtime
Preview · 62

Interactive

Splash Cursor

Cursor / Pointer · FREE

splash-cursor
Preview · 63Variants · 6

Features

Stats

Features · PRO

statsVariants · 6
OneStudio componentStrandsRequires a WebGL preview surface
Preview · 64

Backgrounds

Strands

Backgrounds · FREE

strands
Preview · 65Variants · 4

App Shell / Layout

Support

App UI · PRO

supportVariants · 4
Preview · 66

Typography

Text Cube

Text Effects · PRO

text-cube
Preview · 67

Typography

Text Scatter

Text Effects · PRO

text-scatter
Preview · 68

Features

Tilted Tiles

Cards · PRO

tilted-tiles
Preview · 69

Interactive

Tumble Carousel

Carousel / Slider · PRO

tumble-carousel
Preview · 70

Backgrounds

Vortex

Backgrounds · PRO

vortex
Preview · 71Variants · 4

Forms

Waitlist

Forms · PRO

waitlistVariants · 4