All Projects → ajycc20 → easy-css-layout

ajycc20 / easy-css-layout

Licence: MIT License
Easy css layout

Programming Languages

HTML
75241 projects

Projects that are alternatives of or similar to easy-css-layout

Skeletonview
☠️ An elegant way to show users that something is happening and also prepare them to which contents they are awaiting
Stars: ✭ 10,804 (+9134.19%)
Mutual labels:  loading, loading-animations
Vue Loaders
Vue + loaders.css
Stars: ✭ 127 (+8.55%)
Mutual labels:  css3, loading
Waveloadingview
An Android library providing to realize wave loading effect.
Stars: ✭ 1,658 (+1317.09%)
Mutual labels:  loading, loading-animations
Fluent-Design
Microsoft's Fluent Design with pure HTML/CSS/JS
Stars: ✭ 36 (-69.23%)
Mutual labels:  loading, loading-animations
RxPagingLoading
Easy handling of the Paging or Loading screens states
Stars: ✭ 45 (-61.54%)
Mutual labels:  pagination, loading
Iprogresshud
An elegant, lightweight and responsive progress HUD for iOS app with very simple usage. Available 32 indicators by NVActivityIndicatorView.
Stars: ✭ 66 (-43.59%)
Mutual labels:  loading, loading-animations
Tabanimated
A skeleton screen framework based on native for iOS. (一个由iOS原生组件映射出骨架屏的框架,包含快速植入,低耦合,兼容复杂视图等特点,提供国内主流骨架屏动画的加载方案,同时支持上拉加载更多、自定制动画。)
Stars: ✭ 2,909 (+2386.32%)
Mutual labels:  loading, loading-animations
Vue Content Loading
Vue component to easily build (or use presets) SVG loading cards Facebook like.
Stars: ✭ 729 (+523.08%)
Mutual labels:  loading, loading-animations
SSSwiftUISpinnerButton
SSSwiftUISpinnerButton is a collection of various spinning animations for buttons in SwiftUI.
Stars: ✭ 37 (-68.38%)
Mutual labels:  loading, loading-animations
react-bones
💀 Dead simple content loading components for React and React-Native. 💀
Stars: ✭ 42 (-64.1%)
Mutual labels:  loading, loading-animations
Jhud
A full screen of the HUD when loading the data (Objective-C).
Stars: ✭ 1,003 (+757.26%)
Mutual labels:  loading, loading-animations
css3-loading
20种常见的css3 Loading动画
Stars: ✭ 22 (-81.2%)
Mutual labels:  css3, loading
Spinners
A Sass mixin to generate fully customizable, pure CSS3 loading/busy indicators
Stars: ✭ 33 (-71.79%)
Mutual labels:  loading, loading-animations
Svg Loaders React
React adaptation of the SVG Loaders library by Sam Herbert
Stars: ✭ 75 (-35.9%)
Mutual labels:  loading, loading-animations
Whirl
CSS loading animations with minimal effort!
Stars: ✭ 774 (+561.54%)
Mutual labels:  loading, loading-animations
Flutter spinkit
✨ A collection of loading indicators animated with flutter. Heavily Inspired by http://tobiasahlin.com/spinkit.
Stars: ✭ 2,411 (+1960.68%)
Mutual labels:  loading, loading-animations
Waitme
jquery plugin for easy creating loading css3/images animations
Stars: ✭ 302 (+158.12%)
Mutual labels:  loading, loading-animations
Rsloadingview
Awesome loading animations using 3D engine written with Swift
Stars: ✭ 388 (+231.62%)
Mutual labels:  loading, loading-animations
respinner
Pretty and customizable svg spinners for React.js
Stars: ✭ 89 (-23.93%)
Mutual labels:  loading, loading-animations
fun-loading
基于React的Loading组件库。
Stars: ✭ 22 (-81.2%)
Mutual labels:  loading, loading-animations

easy-css-layout

Demo

View the Demo Page

Foreword

Just for practice & backups

About color setting of style, there're some problems here, but I don't want to modify them.

If you want to practice by this demo

  • First you need to view the demo in the Demo column & Writedown your code by yourself
  • If you can't achieve these functions, you can view the source column

NavBar

Name Source Demo Preview
NavBar01 navbar01 navBar01 navBar01.gif
NavBar02 navbar02 navBar02 navBar02.gif
NavBar03 navbar03 navBar03 navBar03.gif

SearchBox

Name Source Demo Preview
Searchbox01 searchbox01 searchBox01 searchBox01.gif
Searchbox02 searchbox02 searchBox02 searchBox02.gif
Searchbox03 searchbox03 searchBox03 searchBox03.gif

Button

Name Source Demo Preview
Button01 button01 button01 button01.gif
Button02 button02 button02 button02.gif
Button03 button03 button03 button03.gif
Button04 button04 button04 button04.gif
Button05 button05 button05 button05.gif
Button06 button06 button06 button06.gif
Button07 button07 button07 button07.gif
Button08 button08 button08 button08.gif
Button09 button09 button09 button09.gif
Button10 button10 button10 button10.gif
Button11 button11 button11 button11.gif
Button12 button12 button12 button12.gif
Button13 button13 button13 button13.gif
Button14 button14 button14 button14.gif

Pagination

Name Source Demo Preview
Pagination01 pagination01 pagination01 pagination01.gif
Pagination02 pagination02 pagination02 pagination02.gif
Pagination03 pagination03 pagination03 pagination03.gif
Pagination04 pagination04 pagination04 pagination04.gif

Icon

Name Source Demo Preview
Arrow arrow arrow arrow.jpg
Loading loading loading loading.gif
Star-five star-five star-five star-five.jpg
Download download download download.jpg
Upload upload upload upload.jpg
Power power power power.jpg
Search search search search.jpg
Change change change change.jpg
Change02 change02 change02 change02.jpg
Scan scan scan scan.jpg
Scan02 scan02 scan02 scan02.jpg
Code code code code.jpg
Moon-dark moon-dark moon-dark moon-dark.jpg
Moon-light moon-light moon-light moon-light.jpg
Wifi wifi wifi wifi.jpg
Link link link link.jpg
Star-Six star-six star-six star-six.jpg
Question-Mark question-mark question-mark question-mark.jpg
BlueTooth bluetooth bluetooth bluetooth.jpg
Cloud cloud cloud cloud.jpg
Exit exit exit exit.gif

Loading

Name Source Demo Preview
Loading01 loading01 loading01 loading01.gif
Loading02 loading02 loading02 loading02.gif
Loading03 loading03 loading03 loading03.gif
Loading04 loading04 loading04 loading04.gif
Loading05 loading05 loading05 loading05.gif
Loading06 loading06 loading06 loading06.gif
Loading07 loading07 loading07 loading07.gif
Loading08 loading08 loading08 loading08.gif
Loading09 loading09 loading09 loading09.gif
Loading10 loading10 loading10 loading10.gif
Loading11 loading11 loading11 loading11.gif
Loading12 loading12 loading12 loading12.gif
Loading13 loading13 loading13 loading13.gif
Loading14 loading14 loading14 loading14.gif
Loading15 loading15 loading15 loading15.gif
Loading16 loading16 loading16 loading16.gif
Loading17 loading17 loading17 loading17.gif
Loading18 loading18 loading18 loading18.gif
Loading19 loading19 loading19 loading19.gif
Loading20 loading20 loading20 loading20.gif
Loading21 loading21 loading21 loading21.gif

Switch

Name Source Demo Preview
Switch01 switch01 switch01 switch01.gif
Switch02 switch02 switch02 switch02.gif
Switch03 switch03 switch03 switch03.gif
Switch04 switch04 switch04 switch04.gif
Switch05 switch05 switch05 switch05.gif

Checkbox

Name Source Demo Preview
Checkbox01 checkbox01 checkbox01 checkbox01.gif
Checkbox02 checkbox02 checkbox02 checkbox02.gif
Checkbox03 checkbox03 checkbox03 checkbox03.gif

Input

Name Source Demo Preview
Input01 input01 input01 input01.gif

Container

Name Source Demo Preview
Container01 container01 container01 container01.jpg
Container02 container02 container02 container02.jpg
Container03 container03 container03 container03.jpg
Container04 container04 container04 container04.jpg
Container05 container05 container05 container05.jpg
Container06 container06 container06 container06.jpg
Container07 container07 container07 container07.jpg

Card

Name Source Demo Preview
Card card01 card01 card01.gif

Unclassified

Name Source Demo Preview
Cube cube cube cube.jpg
LetterA-D letterA-D letterA-D letterA-D.jpg
LetterE-H letterE-H letterE-H letterE-H.jpg
LetterI-L letterI-L letterI-L letterI-L.jpg
LetterM-P letterM-P letterM-P letterM-P.jpg
LetterQ-T letterQ-T letterQ-T letterQ-T.jpg
LetterU-X letterU-X letterU-X letterU-X.jpg
LetterY-Z letterY-Z letterY-Z letterY-Z.jpg
Concentric-circles concentric-circles concentric-circles concentric-circles.jpg

List

Name Source Demo Preview
List01 list01 list01 list01.jpg
List02 list02 list02 list02.gif
List03 list03 list03 list03.gif

Progress

Name Source Demo Preview
Progress01 progress01 progress01 progress01.gif
Progress02 progress02 progress02 progress02.gif
Progress03 progress03 progress03 progress03.gif
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].