GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → kappys1 → ngx-carousel

kappys1 / ngx-carousel

Licence: MIT License
Angular Universal carousel is an lightweight , touchable and responsive library

Programming Languages

typescript
32286 projects
HTML
75241 projects
CSS
56736 projects
javascript
184084 projects - #8 most used programming language
SCSS
7915 projects

Labels

angular2carouselcarousel-componentangular5ngx-carouselangular7ngx-components

Projects that are alternatives of or similar to ngx-carousel

angular-progress-bar
This component allow you to easy incorporate progress-bar to angular/ionic project, providing binding and color options
Stars: ✭ 26 (+85.71%)
Mutual labels:  angular2, angular5, angular7
Ng Select
⭐ Native angular select component
Stars: ✭ 2,781 (+19764.29%)
Mutual labels:  angular2, angular5, angular7
angular-rollbar-source-maps
Angular 2+ implementation to upload sourcemaps to Rollbar
Stars: ✭ 17 (+21.43%)
Mutual labels:  angular2, angular5, angular7
Nebular
💥 Customizable Angular UI Library based on Eva Design System 🌚✨Dark Mode
Stars: ✭ 7,368 (+52528.57%)
Mutual labels:  angular2, angular5, angular7
ngx-redux-core
The modern redux integration for Angular 6+
Stars: ✭ 32 (+128.57%)
Mutual labels:  angular2, angular5
flexbox-carousel
CSS3 Animated Carousel with Flexbox
Stars: ✭ 23 (+64.29%)
Mutual labels:  carousel, carousel-component
v-owl-carousel
🦉 VueJS wrapper for Owl Carousel
Stars: ✭ 46 (+228.57%)
Mutual labels:  carousel, carousel-component
spring-websocket-angular6
Example for using Spring Websocket and Angular with Stomp Messaging
Stars: ✭ 18 (+28.57%)
Mutual labels:  angular2, angular5
angularx-qrcode-sample-app
Angular5/6/7/8/9/10+ sample apps with working implementations of angularx-qrcode
Stars: ✭ 15 (+7.14%)
Mutual labels:  angular5, angular7
Angular4-seed
Angular 4 Seed for Angular Forms
Stars: ✭ 37 (+164.29%)
Mutual labels:  angular2, angular5
ng-pdf-highlighter
PDF annotation with angular7
Stars: ✭ 15 (+7.14%)
Mutual labels:  angular5, angular7
ng2-carouselamos
Simple carousel/slider for angular 2.
Stars: ✭ 39 (+178.57%)
Mutual labels:  angular2, carousel
AuthGuard
Example repo for guarding routes post
Stars: ✭ 42 (+200%)
Mutual labels:  angular2, angular5
jquery.circular-carousel
[ABANDONED] A 3D-like circular carousel plugin for jQuery.
Stars: ✭ 49 (+250%)
Mutual labels:  carousel, carousel-component
vue-splide
The Splide component for Vue.
Stars: ✭ 257 (+1735.71%)
Mutual labels:  carousel, carousel-component
pinar
🌲☀️ Customizable, lightweight React Native carousel component with accessibility support.
Stars: ✭ 214 (+1428.57%)
Mutual labels:  carousel, carousel-component
ng-toggle
Bootstrap-styled Angular Toggle Component
Stars: ✭ 14 (+0%)
Mutual labels:  angular2, angular5
angular-landing-page
Beautiful Angular landing page with firebase, chat, poll, dynamic features/gallary, and nice animations/scrolling.
Stars: ✭ 43 (+207.14%)
Mutual labels:  angular2, angular5
Angular5 Seed
Angular5 Seed for Application
Stars: ✭ 222 (+1485.71%)
Mutual labels:  angular2, angular5
Ng Drag Drop
Drag & Drop for Angular - based on HTML5 with no external dependencies. 🎉
Stars: ✭ 233 (+1564.29%)
Mutual labels:  angular2, angular5
View All Similar Projects ➔

ngxCarousel

An lightweight, touchable and responsive library to create a carousel for angular

No dependencies, no more HAMMER.

npm version Angular2+ Angular2+ licence

Demo

demos available here

Install

You can install the package from our npm package

 npm install --save ngx-carousel-lib

Usage

First tou need to provide the CarouselModule to your desired Module

import {CarouselModule} from "ngx-carousel-lib";

// In your App's module or Custom Module:
@NgModule({
    imports: [
       CarouselModule
    ] 
})

Now, you can use CarouselModule as follow:

<carousel-component >
    <div class="item-carousel">a</div>
    <div class="item-carousel">
        <div class="b">
            <img src="https://www.losminionsaldia.com/images/mas-minions/minion.png" />
        </div>
    </div>
    <div class="item-carousel">c</div>
    <div class="item-carousel">d</div>
</carousel-component>

All slides of carousel must have .item-carousel

Preview

API Documentation

you can see here or in web

Author

Alex Marcos Gutierrez

License

MIT

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].