• This repository has been archived on 03/Jul/2022
  • Stars
    star
    106
  • Rank 316,635 (Top 7 %)
  • Language
    CSS
  • Created about 10 years ago
  • Updated about 2 years ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

CSS3 Animated loader

A collection of animated CSS3 only loaders.

Demo: http://htmlpreview.github.io/?https://github.com/Grafikart/CSS3-Loaders/blob/master/index.html

I want to create a new loader ?

If you want to participate in this project and create a new loader effect you can create a new .scss file and import it in the main app.scss (name your file as your class name, prefixed by loader-). For instance if you want to create a square loader name it .loader-square and create a new file _loader-square.scss

Todo

  • Remove bourbon dependencies (maybe using a bette library like compass with animation support)

More Repositories

1

Grafikart.fr

Dépôt pour la nouvelle version de Grafikart.fr
PHP
617
star
2

JS-Markdown-Editor

An easy to use markdown editor with live preview and Image uploading
JavaScript
226
star
3

BlogMVC

Helping you select a MVC Framework showing you the source code of a Blog App
PHP
213
star
4

Zoombox

Zoombox is an easy to use Javascript class that allow you to overlay images and videos on the current page.
JavaScript
162
star
5

dotfiles

Personnal dotfiles to make new servers feel like home
Shell
116
star
6

CustomElement-DropFiles

Customized built-in element to add user interactions on a file input with multiple files as a progressive enhancement.
TypeScript
88
star
7

filemanager-element

A simple file browser distributed as a custom element
TypeScript
74
star
8

WPHP-Framework

Un framework pour wordpress dédié au développeur PHP
PHP
52
star
9

grafisearch

Un front pour faire mes recherches en local
TypeScript
51
star
10

intellij-tinacious

🚥 Tinacious Design syntax theme for Jetbrains IDE
46
star
11

dev-map

Carte d'apprentissage du développement Web
TypeScript
44
star
12

OpenApiToTS

Convert openapi.yml file to ts declaration
TypeScript
39
star
13

ReorderJS

Parceque je voulais un système permettant de réorganiser des éléments en grille
JavaScript
36
star
14

Grafikart-DockerPHP

Docker image for Grafikart
Dockerfile
33
star
15

tokyo-night-jetbrains-theme

26
star
16

CustomElement-SpinningDots

A spinning loader, with dots
JavaScript
24
star
17

WebDeckOBS

TypeScript
22
star
18

Neon-Startpage

Trying to reproduce Opera Neon StartPage
JavaScript
22
star
19

headless-elements

Custom HTML elements for generic components (dropdown, modal...) without style.
JavaScript
21
star
20

video.grafikart.fr

Un serveur NodeJS pour gérer le streaming de video et l'upload youtube
TypeScript
18
star
21

Challenges

JavaScript
16
star
22

BlogMVC-Laravel

BlogMVC done with Laravel 5
PHP
16
star
23

DigestTracker

Dashboard pour le suivie de problèmes digestif
PHP
15
star
24

Tracky

Tracky chrome extension source code
CSS
15
star
25

twitch-overlay

The code of my twitch overlay
JavaScript
14
star
26

grafibot

Bot discord
TypeScript
13
star
27

shaper

WIP : Un pictionary mais avec 15 trait droits (sans courbes)
TypeScript
11
star
28

subsearch

Learning golang
Go
9
star
29

siteback

Petit outil personnel qui permet de sauvegarder un site rapidement
Go
6
star
30

ColorExtractor

Extract color from a file and display a grid.
JavaScript
6
star
31

TutoRecipeApi

Préparation d'une petite API en prévision du TP React.
TypeScript
6
star
32

PSR15-CsrfMiddleware

A PSR-15 compatible middleware to prevent CSRF
PHP
5
star
33

elixir-bootform

Create bootstrap forms with elixir
Elixir
5
star
34

rtag

A Cli tool to generate marker when recording a video
Go
5
star
35

nvim

Nvim configuration
Lua
4
star
36

Slides

Code source des slides utilisés pour certaines vidéos
HTML
3
star
37

demo-error-vite

HTML
3
star
38

StreamlabCSS

Dépôt pour tester et créer le CSS du tchat streamlabs
JavaScript
3
star
39

YoutubeSuggest

Show me what people I like likes
Go
3
star
40

PrepWP

Code pour un tutoriel WordPress
PHP
3
star
41

TrashRepo

For demo purpose
SCSS
2
star
42

PrepReactQuery

Dépôt pour tester react query
JavaScript
2
star
43

SubtitleMe

Une expérimentation avec Electron (WIP)
JavaScript
2
star
44

Grafilang

Un langage de programmation simplifié pour apprendre l'algorithmique
TypeScript
1
star
45

PrepContact

Préparation pour un tutoriel
PHP
1
star
46

PrepNuxt

Dépot pour préperer le code Nuxt
PHP
1
star
47

arraytree-gem

The goal of this gem is to add some usefull methods for array.
Ruby
1
star