Coffeekraken
We are a young collectve of front-end creative developers with one goal in mind. Build tools to make every team working day life better.
Pinned Repositories
carpenter
Powerful tool that provide a nice web interface to display your website styleguide and modules/plugins documentations in one place.
code-playground
Provide a nice code playground that let you play with some html, javascript (coffee, typescript, etc...) and css (sass, scss, stylus, etc...)
gridle
One grid system to rule them all (.scss)
redux-web-worker
Redux middleware that let you use web worker with ease to handle your expensive (or not) actions
s-datepicker-component
Provide a nice and powerful datepicker component around the nice flatpikr plugin.
s-scroll-down-indicator-component
Provide a simple fully customizable component to let the user know that he can scroll down for more content.
s-topbar-show-hide-on-scroll-component
Provide a simple way to create a topbar that display/hide itself on scroll up/down.
s-validator-component
Provide a nice and easy way to attach some validation rules to any particular form elements and decide how the reply messages will be displayed.
website
Coffeekraken website
ww-axios
Expose axios through a web worker. Not all the axios features are available due to limitation in the service worker postMessage api.
Coffeekraken's Repositories
Coffeekraken/gridle
One grid system to rule them all (.scss)
Coffeekraken/redux-web-worker
Redux middleware that let you use web worker with ease to handle your expensive (or not) actions
Coffeekraken/s-3d-img-component
Create a freaking cool fake 3D effect on any image using WebGL and some magic from this [Codrops article](https://tympanus.net/codrops/2019/02/20/how-to-create-a-fake-3d-image-effect-with-webgl/)
Coffeekraken/s-blink-transition-component
Create a nice blink style transition effect fully customizable
Coffeekraken/s-topbar-show-hide-on-scroll-component
Provide a simple way to create a topbar that display/hide itself on scroll up/down.
Coffeekraken/website
Coffeekraken website
Coffeekraken/coffeekraken
Coffeekraken monorepo
Coffeekraken/download-test-repo
Just an empty directory to test the download github repository of sugar
Coffeekraken/s-accordion-component
Provide some clean accordion with colors support
Coffeekraken/s-activate-component
Simple <a> webcomponent extension that give the ability to activate a target element by adding/removing a class on it. Useful to create some toggle, tabs, etc... behaviors.
Coffeekraken/s-autocomplete-component
Easily create fully customizable autocomplete dropdown
Coffeekraken/s-back-to-top-component
Provide an easy to use 'back to top' component that let you total control over the display
Coffeekraken/s-badge-component
Create easily some badges with colors and icons support
Coffeekraken/s-boilerplate-component
Boilerplate for sugar web component development
Coffeekraken/s-google-map-info-window-component
Provide a simple, declarative and powerful webcomponent wrapper to create google info window inside an s-google-map-marker component.
Coffeekraken/s-google-map-marker-component
Provide a simple, declarative and powerful webcomponent wrapper to create google map markers inside an s-google-map component.
Coffeekraken/s-lit-html-component
Base class that allows the creation of [lit-html](https://lit-html.polymer-project.org/) based webcomponent
Coffeekraken/s-odometer-component
Simple webcomponent wrapper around the cool [odometer](https://github.hubspot.com/odometer/) library to create smooth transition between numbers
Coffeekraken/s-pagination-component
Create simple and complexe pagination easily with this webcomponent
Coffeekraken/s-panel-component
Provide some clean panel with colors support
Coffeekraken/s-parallax-component
Provide a nice and declarative way to create parallax effect depending on the scroll and/or the mouse
Coffeekraken/s-plyr-component
Simple webcomponent wrapper around the nice plyr library
Coffeekraken/s-progress-bar-component
Create nice and customizable progress bar
Coffeekraken/s-reply-component
Provide some clean reply message display for your form, etc...
Coffeekraken/s-responsive-img-component
Provide a nice way to make images responsive without using srcset and sizes attributes.
Coffeekraken/s-slideshow-component
Create nice, simple and fully customizable slideshow.
Coffeekraken/s-specs
Package that let you access some json specifications files with feature like referencing values between files and more
Coffeekraken/s-sticky-component
Stick any items with ease inside his container or depending on a totaly different element with full control over the display
Coffeekraken/s-switch-component
Provide a nice and simple switch element
Coffeekraken/s-tabs-component
Create nice and customizable tabs