20 secrets to create appealing websites

(1 customer review)

Make a better, more user-friendly website.

Today’s deal gets you a bundle of 20 website scripts including Javascript, CSS scripts, PHP scripts & HTML5 scripts. All these scripts come with an extended license which you can use for personal or commercial projects.

With this deal, you’ll get:

  • Mega footer navigation
  • jQuery mega menu
  • Image, button hover effects
  • jQuery plugins – countdown, sliding tabs, carousel
  • Social sidebar, pricing table
  • HTML5 audio player & more

Sneak peek into these 20 website scripts from CodeGrape:

1. StickyMenu Responsive Mega Footer Navigation

 

Watch DemoDetails

StickyMenu is a mega footer navigation designed and coded to work and fit on any device. It’s fully responsive and comes with a flexible grid system to hold your content within panels.

Features Included:

  • Fully responsive design
  • Supports multiple instances
  • Sticks to the bottom of the browser
  • 3 ways of dropdown (hover, click, toggle)
  • 12 columns fluid grid
  • 3 types of dropdowns (fixed width, mega, full width)
  • You can add images or videos
  • Custom mega dropdowns, social icons or HTML
  • 8 color skins which can be changed easily
  • Left/Right alignment for the menu items and the drop downs
  • Custom & automatic scrollbars within panels
  • Lots of styled elements
  • Over 430 Font Awesome Icons
  • Compatible with mobile devices
  • Help file is included

2. AlphaMenu Responsive jQuery Mega Menu

Watch DemoDetails

AlphaMenu is an user-friendly, highly customizable and responsive jQuery mega menu plugin. It allows you to use multiple menus with different submenus.

Features Included:

  • Responsive design
  • Supports multiple instances
  • Horizontal (top, bottom) or Vertical (left, right) menu layouts
  • Mega / Flyout submenus
  • Pure CSS3 animations (fade, slide)
  • 3 ways of dropdown (hover, click, toggle)
  • 7 color skins which can be changed easily
  • Custom mega dropdowns, forms, search bar, social icons or HTML
  • 12 columns fluid grid
  • You can add images, maps or videos
  • Over 430 Font Awesome Icons
  • Compatible with mobile devices
  • Help file is included

3. CSS3 Image Hover Effects

Watch DemoDetails

Features Included:

  • Fully Responsive design
  • Pure CSS3 Animations
  • Circle / Square types
  • Easy to use & customize
  • Font Awesome Icons
  • Compatible with Mobile Devices
  • Help file is included

4. CSS Button Hover Effects

Watch DemoDetails

CSS Button Hover Effects is pure HTML5/CSS3 flat buttons. Buttons have HTML5 structure and work on all major browsers. Buttons are easy to edit and integrate into any website. CSS is separate from HTML.

Features Included:

  • Pure CSS3 & HTML5
  • FontAwesome vector icons used
  • Beautiful CSS3 Animations
  • CSS3 and social buttons
  • No Javascript and jquery
  • Clean design and code
  • Easy to customize
  • Help file is included

5. CSS Star Rating 

Watch DemoDetails

CSS Star Rating is a simple and easy to use rating or review widget that you can use on your website. This widget is built entirely with CSS3 and HTML5, includes realistic hover forward select and hover back deselect effects like the ones you find in Javascript powered rating widgets plus 6 color themes included.

Features Included:

  • Pure CSS3 & HTML5
  • FontAwesome vector icons used
  • CSS Hover Tooltips
  • 6 theme colors
  • 3 size variations
  • Hover back and forward effects
  • Supports both Full Stars and Half Stars
  • Cross browser compatible
  • Works well on Mobile Devices and Tablets
  • Retina Ready
  • Easy to use and modify
  • Small CSS footprint
  • Help file is included

6. Smart Carousel Responsive jQuery Plugin 

Watch DemoDetails

Smart Carousel is a fully responsive jQuery touch carousel plugin with rich set of features. It is responsive, touch-enabled, fast and smooth. It can be easily integrated into your own web projects. You can customize the visual appearance of the plugin by creating your own skin or using built-in skins/templates.

Features Included:

  • Responsive design
  • Offers keyboard and mouse wheel support
  • Mobile touchscreen supported
  • Supports multiple instances
  • Hardware-accelerated CSS3 transitions with jQuery fallback
  • Auto slideshow and loop support
  • Reflection and Gradient Overlay effects
  • Options to customize animation speed
  • Built-in modern skins ready to use and easy to customize
  • You can create your own skin and use it via carousel parameters
  • Public API to control the carousel externally (Select previous item, select next item, go to a custom item, start-stop auto slideshow)
  • Callback functions to notify external functions
  • SEO optimized and semantic, images are indexable, completely any tag names for markup, content can use any tag you want
  • Help file is included

7. Flex Carousel Responsive jQuery Plugin 

Watch DemoDetails

Flex Carousel is a jQuery plugin with rich set of features. It is responsive, touch-enabled, fast and smooth. It can be easily integrated into your own web projects. You can customize the visual appearance of the plugin by creating your own skin or using built-in skins/templates.

Features Included:

  • Fully responsive in two modes: Break-points and item width range
  • Offers keyboard and mouse wheel support
  • Mobile touchscreen supported
  • Supports multiple instances
  • Hardware-accelerated CSS3 transitions with jQuery fallback
  • Lightbox to show images and videos (YouTube/Vimeo)
  • Options to customize animate speed
  • Auto play supported
  • Scroll per page supported
  • Rewind carousel items supported
  • Lazy load function to load each image separetely
  • Built-in modern skins ready to use and easy to customize
  • You can create your own skin and use it via carousel parameters
  • Public API to control the carousel externally (play, stop, previous, next, destroy, go to start item, go to end item or go to a custom item)
  • Callback functions to notify external functions
  • SEO optimized and semantic, images are indexable, completely any tag names for markup, content can use any tag you want
  • Help file is included

8. Social Sidebar 

Watch DemoDetails

Set of commonly used social icons that transition using CSS ease. This set is super lightweight and could easily be integrated into any website.

Features Included:

  • HTML5 & CSS3 transition effects
  • Font Awesome Icons
  • Easy to set the Position of sidebar to Left, Right, Bottom, Top
  • Color, Dark, Light and Transparent themes are available
  • You can set icon sizes to Small / Large
  • Square, Circle, Rounded link styles
  • Square, Curved, Rounded, Fancy label styles
  • Add Shadows and Rounded Corners to the mix quickly
  • Only Web Font used (No image)
  • Cross Browser support
  • Help file is included

9. Elegant Pricing Tables

Watch Demo | Details

Simple and unique style for pricing tables. It is designed to be minimalist and elegant, with simplified code.

Features included:

  • Fully Responsive
  • Pure CSS and HTML
  • 8 different colors
  • CSS3 transition hover effect
  • Cross browser support
  • No images needed
  • Easy to customize
  • Help file is included

10. Circular Countdown jQuery Plugin

Watch Demo | Details

Circular Countdown is a jQuery plugin that comes with many powerful features, it’s very easy to skin with any color or image. Easy to setup and integrate in any project.

Features included:

  • Responsive design
  • Options are configurable via JavaScript
  • You can change timer type to countdown or countup
  • Supports client-side or server-side (unix timestamp) time
  • Simple and clean interface
  • Resizable width, height, font size and circles thickness
  • Easy font and color change from the plugin options
  • Show or hide days, hours, minutes or seconds
  • Texts can be changed via parameters
  • Supports multiple instances
  • Uses HTML5 Canvas
  • Works in IE, Firefox, Safari, Opera, Chrome
  • IE7 and 8 doesn’t support canvas, but the plugin still works and displays the time remaining
  • Callback function support after the counting finishes
  • Help file is included

11. Sliding Tabs jQuery Plugin

Watch Demo | Details

Features included:

  • Fully customizable , use one of the included templates , or create your own
  • Display unlimited number of tabs and no size limits
  • The tabs can be placed horizontally or vertically
  • Display any type of content including HTML, text, images, videos, forms, maps or plugins like sliders
  • Search Engine Friendly , HTML code is easily indexed by search engines
  • External Linking , open tabs via external links or the URL
  • Multiple Tabs allowed on one page and can have different themes and options
  • Nested Tabs can different themes and options without any conflict
  • Mobile touchscreen support , both the tabs and the content have support for touchscreen interaction
  • Autoplay support through the tabs when visitors arrive on your website
  • API and Callback Functions for additional control of the tabs
  • Choose animation settings and easing effects for the tabs and content
  • Load external content dynamically with AJAX requests with cache system
  • For content with different height, you can enable the auto-height setting
  • Bookmarkable Tabs (DeepLinking/url-based)
  • Save the active tab in a cookie so it can be re-opened when the page loads
  • Create a carousel by looping back to the first/last tab at the end
  • Slide Control , useful feature for controlling the number of tabs to slide at the time
  • Cross browser support (Chrome, FireFox, Safari, Opera and IE7+)
  • Help file is included

12. Social Feed Parser

Watch Demo | Details

Social RSS/Atom Feed aggregator PHP script. Grabs your various social media feeds and displays them chronologically.

Features Included:

  • Easy setup
  • Caches feeds
  • No database required
  • Fully customisable via custom CSS
  • Automatic link and mention conversion into clickable hyperlinks
  • Limit number of items returned (default is 10)
  • Show / hide item counter
  • Grab feeds from Twitter, Delicious, Flickr, Dribbble, YouTube, Vimeo, Digg and Tumblr
  • Grab a custom feed and specify custom favicon image
  • Displays multiple account feeds from the same social network
  • Automatically embeds YouTube videos
  • Automatically displays icon for social network
  • Works with protected Twitter accounts
  • Supports PHP5.x
  • Help file is included

13. HTML5 Audio Player – Watch Demo

Watch Demo | Details

Custom HTML5 and jQuery Audio Player that brings a uniform look throughout all web browsers. Just add an audio tag with class named HTML5AudioPlayer and initialize the plugin, it’s that simple. It has also a flash fallback if user system doesn’t support HTML5 audio tag.

Features Included:

  • Responsive, the player works on multiple platforms
  • Fully customizable, almost all control buttons can easily be turn on or off
  • Extremely easy to use, setup in less than 3 minutes
  • Fully skinnable, the appearance is fully customizable with CSS
  • Multiple instances, the player can be included multiple times on the same page
  • Diversity, there are 6 different themes included
  • Highly compatible, the CSS is highly compatible with your site’s existing code
  • Autoplay support, the audio should start playing as soon as it is ready
  • Loop support, the audio should start over again, when it is finished
  • The volume state will be saved with local storage or cookies
  • Support for legacy browsers with an automatic Flash fallback
  • Cross browser support (Chrome, FireFox, Safari, Opera and IE7+)
  • Public API to control the audio player externally (play, pause, volume, initialization, destroy)
  • API listeners to check the audio is ready, started or ended
  • Help file is included

14. Apex Slider Responsive jQuery Plugin – Watch Demo

Watch Demo | Details

Features included:

  • Responsive, FullWidth, FullScreen or Fixed sizes are available
  • Multiple Transitions including 2D & 3D effects
  • Align of Layers with simple settings
  • You can set a different transition per slide
  • Device friendly, works in iPhone, iPad, Android Devices and Windows Phone
  • Public API to control the slider externally (play, stop, previous, next, jump to slide, count, events for slider and videos)
  • Fully customizable , it’s possible to customize or redesign all parts of slider
  • Images and thumbnails can be dynamically resized
  • Super smooth hardware accelerated CSS3 transitions for supported touch devices with jQuery fallback
  • Mobile touchscreen support
  • Auto slideshow with optional pause on hover
  • SEO optimized and semantic, images are indexable, completely any tag names for markup, captions can use any tag you want
  • Select 3 different Shadow Types or hide the shadow

15. jQuery Fullscreen Image Gallery v2 

Watch Demo | Details

Features included:

  • Multiple transitions are available (fade, slideLeft, slideRight, slideUp, slideDown)
  • Flexible transition speed and easing
  • HTML5 audio player with Flash fallback
  • You can change audio volume and paused status opacity
  • Deep-linking for search engines
  • Enable or disable search engine crawling (to protect your images from being listed in search engines)
  • Disable right-click to help protect your images
  • Show or hide components, including previous / next arrows, play/pause and fullscreen buttons
  • You can change previous/next arrows width-height and cycle effect speed
  • Fullscreen button to run the gallery on fullscreen is included
  • You can change timer type to clock / line. Timer position (bottom, top) for line type timer

16. jQuery Banner Rotator

Watch Demo | Details

jQuery banner rotator plugin featuring multiple transitions that supports text effects for captions. The thumbnails and buttons allow for easy navigation of your banners / ads.

Features Included:

  • Responsive, FullWidth, FullScreen or Fixed sizes are available
  • Resizable and configurable through the plugin’s parameters and CSS file
  • Multiple Transitions are available. Also you can set a different transition per slide
  • Align of Layers with simple settings
  • Flexible transition Speed and Easing
  • Public API to control the slider externally (play, stop, previous, next, jump to slide, count, events for slider and videos)
  • Able to load unlimited number of images, each with customizable text description, tooltip, and hyperlink
  • Show or hide components, including play/pause button, directional buttons, thumbnails, text panel, tooltip and shadow
  • Can set to automatically play on startup with customizable timer delay. Also, can set a different time delay for each slide

17. HTML5 Video Background

Watch Demo | Details

Features Included:

  • HTML5 / YouTube videos are supported
  • Simple javascript call
  • Mobile support
  • Flash fallback
  • Parallax effect
  • Inline usage for small videos
  • Fixed position (follows page scrolling)
  • Absolute position (inside a div)
  • Maintains aspect ratio and centers video
  • Autoplay, loop, mute, volume parameters
  • Background pattern overlay option over the video
  • Callback function, redirect URL support after the video ends
  • Public API to control the video externally

18. jQuery Sliding Image Gallery 

Watch Demo | Details

jQuery framework used product showcase / banner rotator with multiple transition effects.

Features included:

  • Responsive, FullWidth or Fixed sizes are available
  • Resizable and configurable through the plugin’s parameters and CSS file
  • Multiple Transitions are available. Also you can set a different transition per slide
  • Align of Layers with simple settings
  • Flexible transition Speed and Easing
  • Public API to control the slider externally (play, stop, previous, next, jump to slide, count, events for slider and videos)
  • Able to load unlimited number of images, each with customizable text description and hyperlink
  • Show or hide components, including play/pause button, directional buttons, text panel and shadow
  • Different types of list navigation options available. Can use mouse move, directional buttons mouse over, or directional buttons click
  • Scrollbar indicator shows current list position
  • You can change button positions to left or right
  • You can change button, image area sizes from parameters and CSS
  • You can set to automatically play on startup with customizable timer delay
  • You can set the slider to play once and stop at the end of the slide

19. RubyMenu Responsive jQuery Accordion Navigation 

 

Watch Demo | Details

RubyMenu is a responsive jQuery vertical navigation with accordion behaviour.

Features Included:

  • Fully responsive design
  • Supports multiple instances
  • 6 color skins which can be changed easily
  • Unlimited submenus
  • Easy to use & customize
  • CSS3 effect
  • Over 430 Font Awesome Icons
  • Compatible with mobile devices
  • Help file is included

20. OES – Online Examination System

Watch Demo | Details

OES is a web-based examination and quiz system implemented using CodeIgniter framework. It uses JQuery and MYSQL database. OES system will give your users such as students the option to take exams online and get the results immediately they finish. The system will help students and develop their skills.

Features included:

  1. Uses CodeIgniter framework which is more secure and robust.
  2. Very easy to install and customize.
  3. Uses JQuery Ajax
  4. Allows user to take multiple choice questions online
  5. Complete Online Exam Management System
  6. User Management System

Deal Term:

  • Delivered as an instant download once you place a successful order
  • Extended license included – allows you to use it for your personal and commercial purpose
  • You cannot resell these scripts
  • You get 1 year of free support and updates
  • Read detailed licensing terms here

Grab this bundle of 20 website scripts for just $14 (DealClub $11.25)

Save

Save

0/5 (0 Reviews)

1 review for 20 secrets to create appealing websites

  1. Nguy?n Th? Hùng

    Great scripts !
    You should buy this for your web development and designing projects.
    Thanks codegrape.com for bringing us great scripts .

Only logged in customers who have purchased this product may leave a review.

$10.50$650.00
$14$650.00
Add To Cart Buy Now

This Deal ran out of Fuel
Don’t Miss a Deal Again. Get the Latest Deals In your Inbox.

(1 customer review)
30 Days Refund Policy
Email [email protected] & we will refund you.

Want to save another 25% on this deal?

Join DealClub

Scroll to Top
refund success

Thank you!

Your refund request has been submitted.

The DealFuel support team will contact you within 24 hours.

Please wait while we are fetching your order details ...