Coder Social home page Coder Social logo

jony-jas / interlace.css Goto Github PK

View Code? Open in Web Editor NEW

This project forked from vinyashegde/interlace.css

0.0 0.0 0.0 185 KB

Interlace CSS is a library of modern and unique CSS effects that you can use to enhance the look and feel of your website. With Interlace CSS, you can easily add eye-catching buttons, hover effects, and more to your web pages without writing any complex CSS code.

Home Page: https://interlace.netlify.app/

License: MIT License

JavaScript 5.52% CSS 28.09% HTML 66.39%

interlace.css's Introduction

Interlace CSS is a library of modern and unique CSS effects that you can use to enhance the look and feel of your website. With Interlace CSS, you can easily add eye-catching buttons, hover effects, and more to your web pages without writing any complex CSS code.

Getting Started

To start using Interlace CSS in your project, you can either download the CSS file and link it in your HTML file or link the CSS file directly from a CDN.

<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/gh/vinyashegde/interlace/components/interlace/interlace.css">

or

<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/gh/vinyashegde/interlace/components/interlace/interlace.min.css">

Downloading the CSS File To download the CSS file, simply clone or download the Interlace CSS repository from Github. Then, link the CSS file in your HTML file by adding the following code to the head section of your HTML file:

Website

β€’ Home

β€’ Docs

Features

  • Various Button Effects
  • Drop Down Menu
  • Navigation Bar
  • Header & Footer
  • And many more...

Browser compatibility

Interlace CSS is compatible with all modern browsers, including:

Google Chrome Mozilla Firefox Apple Safari Microsoft Edge Opera

License Interlace CSS is licensed under the MIT License.

Contributing

If you would like to contribute to Interlace CSS, feel free to fork the repository and make a pull request.

New contributor guide

To get an overview of the project, read the README. Here are some resources to help you get started with open source contributions:

Getting started

To navigate our codebase with confidence, see the introduction to working in the docs repository 🎊. For more information on how we write our markdown files, see the GitHub Markdown reference.

Check to see what types of contributions we accept before making changes. Some of them don't even require writing a single line of code ✨.

Issues

Create a new issue

If you spot a problem with the docs, search if an issue already exists. If a related issue doesn't exist, you can open a new issue using a relevant issue form.

Solve an issue

Scan through our existing issues to find one that interests you. You can narrow down the search using labels as filters. See Labels for more information. As a general rule, we don’t assign issues to anyone. If you find an issue to work on, you are welcome to open a PR with a fix.

Make Changes

Make changes in the UI

Click Make a contribution at the bottom of any docs page to make small changes such as a typo, sentence fix, or a broken link. This takes you to the .md file where you can make your changes and create a pull request for a review.

Make changes in a codespace

For more information about using a codespace for working on GitHub documentation, see "Working in a codespace."

Make changes locally

  1. Fork the repository.
  1. Install or update to Node.js, at the version specified in .node-version. For more information, see the development guide.

  2. Create a working branch and start with your changes!

Commit your update

Commit the changes once you are happy with them. Don't forget to self-review to speed up the review process:zap:.

Pull Request

When you're finished with the changes, create a pull request, also known as a PR.

  • Fill the "Ready for review" template so that we can review your PR. This template helps reviewers understand your changes as well as the purpose of your pull request.
  • Don't forget to link PR to issue if you are solving one.
  • Enable the checkbox to allow maintainer edits so the branch can be updated for a merge. Once you submit your PR, a Docs team member will review your proposal. We may ask questions or request additional information.
  • We may ask for changes to be made before a PR can be merged, either using suggested changes or pull request comments. You can apply suggested changes directly through the UI. You can make any other changes in your fork, then commit them to your branch.
  • As you update your PR and apply changes, mark each conversation as resolved.
  • If you run into any merge issues, checkout this git tutorial to help you resolve merge conflicts and other issues.

Your PR is merged!

Congratulations πŸŽ‰πŸŽ‰ The GitHub team thanks you ✨.

Once your PR is merged, your contributions will be publicly visible on the GitHub docs.

Now that you are part of the GitHub docs community, see how else you can contribute to the docs.

interlace.css's People

Contributors

vinyashegde avatar jony-jas avatar savio629 avatar exar04 avatar khushx avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    πŸ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. πŸ“ŠπŸ“ˆπŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❀️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.