What is Orbit UI?
Tags: javascript, webdev, programming, beginners
Published: 2021-11-08 08:15:00

Orbit UI: What's this and how can it make your life easier as a web developer?

You probably know about Bootstrap, TailwindCSS, Foundation framework and several other front-end frameworks/ libraries to build responsive websites and web apps. You wish there were beautifully styled pre-built, ready to use, copy & paste UI components/ blocks that you could use straight away without tweaking much CSS or manipulating lesser CSS classes. Don't you?

This is where **OrbitUI at [orbitui.com](https://orbitui.com)** comes into play. Orbit UI is a large stack of pre-built, beautiful modern web components, design blocks, pages and templates to help one prototype and finish web app and websites way faster. You could save 100 of hours of struggle, unproductive prototyping and fails by using ready to play components.

**A huge stack of:**

**10+ Templates** (Landers, SaaS, Startup, Agency, App,Web App, Web3, NFT, Portfolio, etc)

**20+ Pages** (like login, about, contact, team pages, career pages, etc)

**40+ Components** (Gradient buttons, timelines, avatars, carousels, accordions, cards, forms, sidebars/ drawers, navigation, list and other web elements)

**400+ Blocks** (Headers, heroes, features/ highlights, about blocks, team blocks, user cards, testimonials, contact forms, blog post blocks, footers, etc)

With pre-built, ready to use design blocks, templates and pages one can choose templates and design blocks to meet their web app/ website needs and develop it easily without struggling with design hacks.

#####Here are a few design blocks to be shipped with Orbit UI 1.0

<!-- ### Template Examples:
![OrbitUI app template](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/xt1bm52wzn88csmj32wk.png) -->

### Block Examples

![OrbitUI Hero example for SEO services](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/q3cvn7imx2851rnlgo1n.png)

![OrbitUI centered hero with screenshot](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/3j9155iv5druhi84yahf.png)

![OrbitUI hero for e-book](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/32tilg2dwldvn96t0adq.png)

![OrbitUI hero block with copy to code](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ymtmki5662fxtgqksm3y.png)

![OrbitUI features block](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/c0wg8d4n01i2023rfp9q.png)

![OrbitUI features block example](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/t64bol21ufkqov95q8qx.png)


![OrbitUI about block example](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/zpk5ix6et4d2yq2obddq.png)

![OrbitUI another about block example](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/w848y66wx7fi1sc2a7ht.png)

![OrbitUI pricing block example](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/22pxb6ovkquj2ov9mlr4.png)

![OrbitUI CTA example](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/050nrbpp34o9congxzva.png)

![OrbitUI loud and vibrant blog posts block](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/unlwoxs9uu8rm7tzvcqf.png)

![OrbitUI two blocks together](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/qodklf8cspljrixthea2.png)

![OrbitUI team block example](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/p9q77850rovuyxrz0ts1.png)

![OrbitUI another team block example](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/thhnpvs294kr463jfoxu.png)

![OrbitUI CTA block example](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/65y65bd9ybq6iqr2g7bb.png)


![OrbitUI mega process route](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/xsbhhoejivd72xdx1xf3.png)

![OrbitUI testimonials block example](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/di0aaz7hyjudnwj0ause.png)

![OrbitUI another testimonials block example](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ntc084dlmpid8zq19uym.png)

![OrbitUI contact form block](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/quo9pzvcwtucg84ywr8v.png)

![OrbitUI footer block](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/7hzc2yi0znxbpo3pcc58.png)

Orbit UI 1.0 follows a mobile first design approach and is built around Bootstrap 4.6.x.
OrbitUI 2.0 would be built upon Bootstrap 5. Future plans are to make these design blocks available to TailwindCSS users too.

Orbit UI is currently under development and would be launched in less than two weeks from now. It's available on a discounted pre-order at [orbitui](https://orbitui.com)

You may know more about Orbit UI or pre-order it at [orbitui.com](https:orbitui.com) or [aiorun.gumroad.com/l/orbitui](https://aiorun.gumroad.com/l/orbitui)

Build responsive/ adaptive websites and web apps way faster!
Build something amazing!