Weekly Web Design & Development News: Collective #192

Here's the 192nd 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 #192

react-fake-props

react-fake-props parses your Component prop types using react-docgen and generates fake props. Supports PropTypes and Flow. Works great with Jest snapshots and Enzyme.

[Download]

termynal

Lightweight and modern terminal animations using async/await.

[Demo] [Download]

Now UI Kit

Now UI Kit is a responsive Bootstrap 4 kit provided for free by Invision and Creative Tim. It is a beautiful cross-platform UI kit featuring over 50 elements and 3 templates.

[Download]

wiretie

Wiretie is a Higher Order Component for Preact that resolves (async) values from a model and passes them down as props. It lets you wire() components up to data sources.

[Download]

zangodb

ZangoDB is a MongoDB-like interface for HTML5 IndexedDB that supports most of the familiar filtering, projection, sorting, updating and aggregation features of MongoDB, for usage in the web browser.

[Demo] [Download]

Image Overlay Slider

Image Overlay Slider developed using JavaScript and CSS.

[Demo] [Download]

turretcss

turretcss - A Responsive Front-end Framework for Accessible and Semantic Websites with default HTML elements.

[Demo] [Download]

portfolio-generator

JS framework to dynamically generate a portfolio site from a JSON resume.

• Framework generates a responsive website by reading information from resume.json
• Adapts to different screen sizes from phones to desktops
• Ability to choose the order of diffrent sections
• Ability to create image galleries for projects
• All sections are optional; any section can be skipped
• Ability to have custom names for different project sections

[Demo] [Download]

Simple Slider in ES6

A simple full screen slider made with sass and js using es6. The background behind the text is randomly generated via sass.

[Demo] [Download]

emoji.css

Like FontAwesome for emojis.

[Demo] [Download]

rambox

Free, Open Source and Cross Platform messaging and emailing app that combines common web applications into one.

[Demo] [Download]

base-emoji

Output a buffer (0xdeadbeef) in emojis.

[Download]

Letter Effects and Interaction Ideas

A couple of ideas for typography animations and letter (hover) effects for playful interactions.

[Demo] [Download]

Full Bootstrap 4 GUI Pack

Full Bootstrap 4 GUI pack, updated to the smallest detail and 100% done in vector for full edit-ability. All included in a single file, specially for those of you who have been hunting this GUI around but haven’t been able to find it for whatever reason.

[Download]

iOS11 App Store GUI (Sketch freebie)

[Demo] [Download]

Santiago Typeface

[Download]