Free CloudFlare UI Framework for Frontend Developers

CloudFlare recently announced a vital renovate of their complement from Backbone to React.js. This came with an updated frontend UI framework and a group motionless to open source it for everyone.

The CloudFlare UI Framework, shortened CF-UI, is a giveaway open source library of frontend codes that can tie into a React workflow.

cloudflare uicloudflare ui

The group has been really open about their pierce including other technologies such as Lerna.js for managing formula opposite mixed repos. This renovate goes deeper than extraneous components, nonetheless these giveaway components can make a outrageous disproportion in your workflow.

CloudFlare combined custom components into a library along with unit tests for checking formula quality. You can see a live demo for all a components on this page including documentation and code snippets.

Getting Started with React.js

Getting Started with React.js

React.js is a stretchable and component-based JavaScript library for building interactive user interfaces. It was combined and open-sourced…Read more

All formula is built with React, so it extends classes done for opposite components such as pagination, dropdown menus, submit fields, and even auto-copying textareas.

You can crop by all packages on GitHub and they can all be installed around npm. Note this isn’t a elementary frontend horizon like Bootstrap (although it closely mimics their style). Instead, this is a complete React+Redux approach to frontend components.

cloudflare ui componentscloudflare ui components

Note we should already feel gentle operative with React components, installing libraries around npm, and adding bindings by React Redux.

All those projects are open source and easy to attach into your site. Individual components have their possess JS files that we can supplement into your site’s header. And we can browse by all components on a GitHub page if we wish to learn more.

Live examples and source formula snippets can be found here if we wish to dive right in. And, of course, if we have questions or ideas for technical facilities we should crop a discussions directory for some-more info. You could also try messaging CloudFlare devs or promulgation them a twitter @Cloudflare.

Add Comment