Weekly Web Design & Development News: Collective #333
Here's the 333rd Weekly Web Design & Development Collective that aims to introduce fresh new, trendy and easy-to-use web design & development resources (freebies, codes, graphics, tools, inspiration, etc) from the past week. Have fun with it and remember to share with your friends.
Web Design & Development News: Collective #333
griddle
Griddle is a CSS framework created with CSS Grid and Flexbox. It's easy to get started with Griddle, especially if you are familiar with how other CSS Frameworks work. At its core, is CSS Grid. The CSS specification that is quickly becoming the new standard when creating UI layouts and grids. If you do not know, CSS Grid, no worries. You can start creating intrinsic designs for all modern browsers with just a few classes.
navbar-circle-animation
A responsive hamburger navigation system that morphs the hamburger toggle button into a fullscreen navigation using a little JavaScript and CSS transition & clip-path properties.
import-size
Measure the real, minified, tree-shaken impact of individual imports into your app.
[Download]
vue-twemoji-picker
This component is meant to be a developer friendly, easy integrable and performatic emoji picker (with some batteries) using the Twitter emoji arts (Twemojis). Emoji Unicode 12 (latest emoji spec, from 2019, which includes skins) is used as the base dataset.
transliterate
Convert Unicode characters to Latin characters using transliteration.
[Download]
Microsoft Authentication Library for JavaScript
The Microsoft Authentication Library for JavaScript enables client-side JavaScript web applications, running in a web browser, to authenticate users using Azure AD for work and school accounts (AAD), Microsoft personal accounts (MSA), and social identity providers like Facebook, Google, LinkedIn, Microsoft accounts, etc. through Azure AD B2C service. It also enables your app to get tokens to access Microsoft Cloud services such as Microsoft Graph.
react-native-neu-element
A React Native Component Library built on top of the concept of neumorphism.
[Download]
potree
Potree is a free open-source WebGL based point cloud renderer for large point clouds.
SpinnerPickerJs
SpinnerPickerJs is a JavaScript plugin to create user-friendly, touch-enabled spinners (spinning-wheel style pickers) just like the iOS UI picker view.
Responsive Flexible Accordion Gallery
A responsive, mobile-friendly accordion-style image gallery built using CSS flexbox and a little bit of JavaScript.
7 Best Chart Libraries To Visualize Data In Vue.js App
7 best and top-rated charting and graphing libraries for Vue.js that makes it easier to plot the data you provide to interactive, customizable charts & graphs on the web app.
5 Best JSON Schema Form Builder Libraries For Angular
5 best (top-rated) form builders (form creators, form generators) for Angular that helps developers generate complex, dynamic web forms from any data (JS & JSON data) you provide.
10 Best Gallery Lightbox Libraries In Pure JavaScript (2020 Update)
7 best (top-rated) UI component libraries for Vue.js developers to build elegant, responsive, and mobile-friendly user interfaces.
Animated number stepper
See the Pen An animated number stepper by Viesturs Marnauza (@viestursm) on CodePen.
CSS-only direction-aware hover effect
See the Pen CSS-only direction-aware hover effect by Paulina Hetman (@pehaa) on CodePen.
Dashboard Interface Elements
Neumorphism UI Design inspired dashboard UI kit for sketch.
81 mini Essential Icons
A set of 81 minimal essential icons for Sketch.
