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.
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.
Image Overlay Slider
Image Overlay Slider developed using JavaScript and CSS.
turretcss
turretcss - A Responsive Front-end Framework for Accessible and Semantic Websites with default HTML elements.
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
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.
emoji.css
Like FontAwesome for emojis.
rambox
Free, Open Source and Cross Platform messaging and emailing app that combines common web applications into one.
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.
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)
Santiago Typeface
[Download]