JS Archives - OnAirCode Resources for designer and developer Mon, 20 Dec 2021 07:33:54 +0000 en-US hourly 1 https://onaircode.com/wp-content/uploads/2017/07/cropped-favivon-1-32x32.png JS Archives - OnAirCode 32 32 10+ Most Popular React UI Component Libraries and Framework in 2022 https://onaircode.com/most-popular-react-ui-component-libraries-and-framework/ https://onaircode.com/most-popular-react-ui-component-libraries-and-framework/#comments Mon, 20 Dec 2021 07:30:00 +0000 https://onaircode.com/?p=6650 According to the Stack Overflow developer poll, react is among the topmost loved libraries in 2022. The wave of open source component libraries builds application went with this development in acceptance. React foundation is the application of the common UI structure of the foundation. It is difficult to incorporate with other JavaScript frameworks and libraries […]

The post 10+ Most Popular React UI Component Libraries and Framework in 2022 appeared first on OnAirCode.

]]> https://onaircode.com/most-popular-react-ui-component-libraries-and-framework/feed/ 1 18+ CSS Off-Canvas Menu Navigation https://onaircode.com/css-off-canvas-menu-navigation/ https://onaircode.com/css-off-canvas-menu-navigation/#respond Thu, 15 Aug 2019 02:01:13 +0000 https://onaircode.com/?p=9624 We’re in love with menu and why shouldn’t we be since they have a number of benefits both in terms of functionality and layout for the application. So, we are back again with another menu article this time making your navigation experience better for users and easy coding for designers with off-canvas menu that’s made […]

The post 18+ CSS Off-Canvas Menu Navigation appeared first on OnAirCode.

]]> https://onaircode.com/css-off-canvas-menu-navigation/feed/ 0 React Pagination Component Libraries and Examples https://onaircode.com/react-js-pagination-component-libraries-and-examples/ https://onaircode.com/react-js-pagination-component-libraries-and-examples/#respond Thu, 01 Aug 2019 06:23:18 +0000 https://onaircode.com/?p=8202 The term pagination comes when a application consists of a large number of data which presented in a like page format gives efficient viewing experience. With react pagination its like preferring a book over single page longer than a mile. React pagination library provides a set of component so that you can jump to specific […]

The post React Pagination Component Libraries and Examples appeared first on OnAirCode.

]]> https://onaircode.com/react-js-pagination-component-libraries-and-examples/feed/ 0 React Star Rating Components Library https://onaircode.com/react-star-rating-components-library/ https://onaircode.com/react-star-rating-components-library/#respond Tue, 30 Jul 2019 07:20:47 +0000 https://onaircode.com/?p=8526 Rating star probably you have seen but using it with the react components library is awesome. Whether you’re a developer or an IT team leader, you want to maintain up-to-date with the recent key technology trends and news. No wonder every top developer’s main feature is the capacity to constantly learn and adjust to the […]

The post React Star Rating Components Library appeared first on OnAirCode.

]]> https://onaircode.com/react-star-rating-components-library/feed/ 0 Flip Cards Code Snippet For Web Designer https://onaircode.com/flip-cards-code-snippet-for-web-designer/ https://onaircode.com/flip-cards-code-snippet-for-web-designer/#respond Fri, 26 Jul 2019 05:10:09 +0000 https://onaircode.com/?p=8090 Flip Cards are those part of any website that give information about the content in little space as possible. Some like to refer flip card CSS them as CSS flip and some like to refer to it as CSS transition. But no matter what you call it the main purpose of flip cards is to […]

The post Flip Cards Code Snippet For Web Designer appeared first on OnAirCode.

]]> https://onaircode.com/flip-cards-code-snippet-for-web-designer/feed/ 0 React Swipeable View Component Examples https://onaircode.com/react-swipeable-view-component-examples/ https://onaircode.com/react-swipeable-view-component-examples/#respond Thu, 25 Jul 2019 10:04:46 +0000 https://onaircode.com/?p=7936 React swipeable view is build from react, as react is a library of javaScript that supports Facebook and a group of developers and companies for the creation of user interfaces. The react component has brought the swipeable views which is primarily focused in pages, images and many more. React easy swipe which you found is […]

The post React Swipeable View Component Examples appeared first on OnAirCode.

]]> https://onaircode.com/react-swipeable-view-component-examples/feed/ 0 3D Perspective View For Web Designer https://onaircode.com/3d-perspective-view-for-web-designer/ https://onaircode.com/3d-perspective-view-for-web-designer/#respond Thu, 25 Jul 2019 05:43:07 +0000 https://onaircode.com/?p=7798 Before there was only a 2D view for 2D mobile and computer screens. However, with the passage of time, it failed to meet the emerging needs. As simple as the 2D view is to generate, it can be head-scratching when it comes to getting a 3D perspective view for some. You are adding an extra […]

The post 3D Perspective View For Web Designer appeared first on OnAirCode.

]]> https://onaircode.com/3d-perspective-view-for-web-designer/feed/ 0 15+ Beautiful Toggle Switch with CSS And JavaScript https://onaircode.com/15-beautiful-toggle-switch-with-css-and-javasript/ https://onaircode.com/15-beautiful-toggle-switch-with-css-and-javasript/#respond Wed, 24 Jul 2019 10:38:07 +0000 https://onaircode.com/?p=6776 The toggle switch is the component which is used to select one of two option. They act like on and off switch. They are usually used in enabling and disabling the element in the web page also they are applicable in form too. The switch can be of different design because it increases users experience. […]

The post 15+ Beautiful Toggle Switch with CSS And JavaScript appeared first on OnAirCode.

]]> https://onaircode.com/15-beautiful-toggle-switch-with-css-and-javasript/feed/ 0 React Sticky Header Elements Component on Scroll https://onaircode.com/react-sticky-header-elements-component-on-scroll/ https://onaircode.com/react-sticky-header-elements-component-on-scroll/#respond Wed, 24 Jul 2019 07:00:15 +0000 https://onaircode.com/?p=7487 There comes certain components in a website where you can you want to keep hold of it all the time. They most often are the header menu but also could be contact footers or link to some relevant site within or outside of the page. Using react sticky header, those elements stick around the top […]

The post React Sticky Header Elements Component on Scroll appeared first on OnAirCode.

]]> https://onaircode.com/react-sticky-header-elements-component-on-scroll/feed/ 0 Scrolling Star Wars Text in 3D with CSS3 https://onaircode.com/scrolling-star-wars-text-in-3d-with-css3/ https://onaircode.com/scrolling-star-wars-text-in-3d-with-css3/#respond Tue, 23 Jul 2019 18:17:34 +0000 https://onaircode.com/?p=6859 Star wars is an epic space-opera film that conquered the box office on multiple occasions. The movie itself is an amazing content giving us 9 big screen releases. The CG and overall movie effects were able to win hearts all over. Practicing similar CG effects maybe out of one’s budget but you can definitely try […]

The post Scrolling Star Wars Text in 3D with CSS3 appeared first on OnAirCode.

]]> https://onaircode.com/scrolling-star-wars-text-in-3d-with-css3/feed/ 0