Adrenaline is a near classless CSS framework that lets you create websites blazingly fast with plain html. This results in shorter development times, smaller file sizes and faster downloads.
Statistically, sites that have a 1 second load time have a 7% bounce rate. Sites lose an additional 10% of users for every second their page takes to load.
It takes a lot of time tweaking around with CSS to create an optimized CSS framework. Tiny little details can be slightly off and you can spend hours just trying to figure out which part of the CSS is conflicting with each other. A lot of CSS frameworks require adding classes and even inline styling which requires a lot of manual labor and adds bloat. This results in larger file sizes and slower download times.
Adrenaline takes care of all of this saving you countless hours of development time.
Adrenaline is also fully responsive and the layout will automatically adapt to the screen width so it can be viewed on a variety of platforms like desktop, tablet, smartphones, etc.
Adrenaline draws visual design inspiration from Bootstrap. It offers a similar look and feel, but without the CSS classes. You can also easily customize Adrenaline to match your needs and preferences.
Adrenaline is 4 kb minified and gzipped, so it's extremely lightweight and loads lightning fast.
This site you're viewing now is powered by Adrenaline. It's an example of what you can achieve with this framework with just plain HTML.
As a full stack developer, I've experimented with a lot of classless css frameworks. However, I found that most of them are pretty basic and don't provide enough functionality. A lot of the time they will have buttons and forms but no layout control and no navbar. I wanted a fully responsive framework that could encompass the whole layout and allow me to write plain html to get a stunning website up and running fast. I've always loved how Bootstrap looked. I still remember the first time I saw it. I was a bit mesmerized but their html is cluttered with css classes.
The Programmers' Credo: we do things not because they are easy, but because we thought they were going to be easy.My goal was to create a classless css framework that looks similar to Bootstrap without the class bloat. This results in smaller html files which reduces load times.
I initially made Adrenaline to use it for a personal project I was working on. I spent considerably more time than I thought I would and some people were interested in using it as well. It just sort of gained a life of it's own over time.
Download Adrenaline HERE and add the following code in the <head> of your website. That's pretty much it.
As another dev, I have never liked the websites and apps out there that want you to pay for a subscription that goes on in perpetuity. A lot of subscriptions want you to pay more than $40 every month forever which is $480 every year.
Adrenaline is a simple one time fee of $16 and you can use it forever. None of that subscription nonsense.
Upon purchase, you will be emailed a proof of purchase PDF certificate that grants you a license to use Adrenaline for commercial purposes.
Note: You don't need a license for open source projects. It's free for all open source projects.
Notice how much more concise Adrenaline is compared to other CSS framworks:
Adrenaline uses a basic format that looks like the following:
Adrenaline uses Flexbox to automatically space elements in <nav> and <header> so it's easy to left, right, and center align elements based off of the order of the html.
Note: you can add as many <ul> elements as you want to <nav> and they will be spaced automatically.
<header> uses a similar approach to <nav> but with <div> elements.
Note: you can add as many <div> elements as you want to the <header> and they will be spaced automatically.
The <section> element is useful for creating a container for content. Sections are horizontally centered and have a max-width (default is 80rem) and will automatically adjust to smaller screen sizes. You can also add <grid> elements to a <section> to easily add columns.
The <grid> element is makes it extremely easy to use and is fully responsive by default and can easily be adjusted for different screen resolutions. Just add some divs with the col attribute and you're good to go. You can also embed <grid> elements within <grid> elements for more complex layouts as well.
Note: Column widths are expressed in fractions for easy usage. Examples: 1/1, 1/3 etc.
1/5
1/5
1/5
1/5
1/5
1/4
1/4
1/4
1/4
1/3
1/3
1/3
1/2
1/2
1/1
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.
Image Only
The <code> element functionality has been kept basic as you'll most likely be using something like PrismJS for syntax highlighting and code escaping.
Here is some inline code.
General Content Text
small text
| HEADER | HEADER | HEADER |
|---|---|---|
| Cell | Cell | Cell |
| Cell | Cell | Cell |
| Cell | Cell | Cell |
Note: You can also remove the table-border <div> if you don't want an outer border.
Enter your email address for a password reset link.
Forget it, send me back to the sign in screen.
Adrenaline has the following custom elements:
Adrenaline has the following optional CSS classes:
The open source license is designed for you to use Adrenaline to build open source and personal projects. The Adrenaline open source license is GPLv3. The GPLv3 has many terms, but the most important is how it is sticky when you distribute your work publicly. From the GPL FAQ:
If you release the modified version to the public in some way, the GPL requires you to make the modified source code available to the program's users, under the GPL.Releasing your project that uses Adrenaline under the GPLv3, in turn, requires your project to be licensed under the GPLv3. If you are okay with this, feel free to use Adrenaline under the GPLv3, without purchasing a commercial license.
The commercial license is designed to for you to use Adrenaline in commercial products and applications, without the provisions of the GPLv3. With the commercial license, your code is kept proprietary, to yourself. If you want to use Adrenaline to develop commercial sites, themes, projects, and applications, the commercial license is the appropriate license.
Purchasing takes a minute. Our payment processor of choice is Stripe. Once purchased, you'll receive a commercial license PDF and you will be all set to use Adrenaline in your commercial applications. With the purchase of a commercial license:
- You may use Adrenaline in as many commercial applications you like.
- You may use Adrenaline in your own commercial applications and products. For example: premium WordPress, Tumblr, or other CMS themes, plugins and templates.
- Customers and users of your products do not need to purchase their own license — so long as they are not developing their own commercial products with Adrenaline.
Commercial Licenses are priced per team member. A team member is someone on your team working on a project that uses Adrenaline.
The Adrenaline Commercial Developer License is for individual developers. Each individual developer or team member needs to purchase a separate license.
Read the Adrenaline Commercial License Agreement below for complete terms and details.
This Software License Agreement (the “Agreement”) is between BitPax LLC (“Adrenaline”) and You (including your agents and affiliates), a commercial licensee of Adrenaline's software. If you have not purchased a Adrenaline commercial license from BitPax LLC, these terms do not apply to you, and your use of the Adrenaline software is instead governed by the GNU General Public License, version 3.
Purchasing a Adrenaline Commercial Developer License applies this Agreement to you. Otherwise, you may use Adrenaline under the GPLv3.
1.1. “Application” means any software, application, or elements that Your Licensed Developers develop using the Software or Modifications in accordance with this Agreement.
1.2. “End User” means an end user of Your Application who acquires a license to such solely for their own use and not for distribution, resale, user interface design, or software development purposes.
1.3. “Licensed Developer” shall mean an individual person permitted to use the Software and make Modifications for your Applications, whether such person is Your employee or a consultant or contractor providing services to You.
1.4. “Modification” means any revision, adaptation, or derivative of the Software produced by You.
1.5. The “Software” means Adrenaline.
2.1. Subject to the terms of this Agreement, BitPax LLC grants to You a revocable, non-exclusive, non-transferable license: (i) for one (1) Licensed Developer to use the Software to create Modifications and Applications; (ii) for You to distribute the Software and/or Modifications to an unlimited number of End Users solely as integrated into the Applications; and (iii) for End Users to use the Software as incorporated into Your Applications in accordance with the terms of this Agreement.
This license grants you one individual Developer to use Adrenaline for an unlimited amount of Applications. It is not exclusive — others companies and developers can use Adrenaline — and is non-transferable — you cannot transfer this license to another company.
2.2. You are entitled to receive all updates to the major version of the Software licensed by you, as well as any later version of the Software that BitPax LLC, in writing, explicitly authorizes you to use. BitPax LLC makes no representation that any update will be compatible with your Application.
You can use this license with Adrenaline, as well as later versions if we authorize. Later versions of Adrenaline may not be compatible with your Application.
3.1. This is a license agreement and not an agreement for sale. BitPax LLC reserves ownership of all intellectual property rights inherent in or relating to the Software and corresponding source code, which include all copyright, patent rights, all rights in relation to registered and unregistered trademarks (including service marks), confidential information (including trade secrets and know-how) and all rights other than those expressly granted by this Agreement.
This license is for use of Adrenaline, not ownership of its intellectual property. BitPax LLC continues to own Adrenaline.
3.2. You must not remove, obscure or interfere with any copyright, acknowledgment, attribution, trademark, warning or disclaimer statement affixed to, incorporated in or otherwise applied in connection with the Software. Notwithstanding the above, you are permitted to produce, use, and distribute compressed or “minified” copies of the Software that do not bear the notices contained in the Software's source code, so long as you otherwise comply with the terms of this license.
When you distribute your work with Adrenaline, do not remove or change any disclaimers from the source files. You can however minify the source files, which may remove or change the disclaimers.
4.1. Your Application must have substantially different functionality than, and must not compete directly with, the Software.
You cannot create something very similar to Adrenaline, like a super-Adrenaline. Make something unique.
4.2. You may not distribute the Software or Modifications except as included within Your Application.
4.3. If You produce an Application for a customer, You are responsible for ensuring that your customer does not make use of the Software except with Applications licensed herein.
Do not re-package Adrenaline unless it's part of your Application.
Likewise, your customer should be using Adrenaline as part of your Application.
4.4. Your Application must not enable End Users to produce separate applications that incorporate the Software or Modifications. For example, if Your Application is a development toolkit or library, an application builder, a website builder that can be used to incorporate the Software into a new Application, You must obtain a separate OEM license from BitPax LLC.
You need to purchase a Commercial OEM License if you are creating an interface builder, SDK, or something that produces copies that each use Adrenaline.
5.1. This Agreement and the license granted hereunder shall continue until terminated in accordance with this Section. Unless otherwise specified in this Agreement, the license shall last as long as Your use of the Software is in compliance with the terms herein.
This Agreement applies for as long as you use Adrenaline.
5.2. BitPax LLC shall have the right to terminate this Agreement and the license granted hereunder immediately if You breach any of the material terms of this Agreement, and You fail to cure such material breach within thirty (30) days of receipt of notice from BitPax LLC. Upon termination of this Agreement, all licenses granted to You in this Agreement shall terminate automatically and You shall immediately cease use and distribution of the Software.
We can end this Agreement if you breach any terms, and do not resolve the breach after 30 days after notice from BitPax LLC. After termination, you must stop using and distributing Adrenaline.
5.3. Upon termination of this Agreement, You must cease all use of the Software. If, prior to your breach of this Agreement, you delivered Applications incorporating the Software to Your End Users, those End Users' licenses shall survive termination.
After termination, your end users may continue to use Adrenaline in products that have already been distributed to them.
6.1. TO THE EXTENT PERMITTED BY LAW, BITPAX LLC DISCLAIMS ALL WARRANTIES AND CONDITIONS, EITHER EXPRESS OR IMPLIED, INCLUDING, BUT NOT LIMITED TO, IMPLIED WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE, TITLE AND NON-INFRINGEMENT, WITH REGARD TO THE SOFTWARE. WE DO NOT GUARANTEE THAT THE OPERATION OF THE SOFTWARE OR YOUR APPLICATION WILL BE UNINTERRUPTED OR ERROR-FREE, AND YOU ACKNOWLEDGE THAT IT IS NOT TECHNICALLY PRACTICABLE FOR US TO DO SO.
We do not claim any warranties or guarantees with using Adrenaline. There may be bugs.
7.1. TO THE EXTENT PERMITTED BY LAW, IN NO EVENT SHALL BITPAX LLC BE LIABLE UNDER ANY LEGAL OR EQUITABLE THEORY FOR ANY SPECIAL, INCIDENTAL, INDIRECT OR CONSEQUENTIAL DAMAGES WHATSOEVER (INCLUDING, WITHOUT LIMITATION, DAMAGES FOR LOSS OF BUSINESS PROFITS, BUSINESS INTERRUPTION, LOSS OF BUSINESS INFORMATION, OR ANY OTHER PECUNIARY LAW) ARISING OUT OF THE USE OF OR INABILITY TO USE THE SOFTWARE OR THE CODE IT PRODUCES OR ANY OTHER SUBJECT MATTER RELATING TO THIS AGREEMENT, EVEN IF BITPAX LLC HAS BEEN ADVISED OF THE POSSIBILITY OF SUCH DAMAGES. IN ANY CASE, BITPAX LLC'S ENTIRE LIABILITY WITH RESPECT TO ANY SUBJECT MATTER RELATING TO THIS AGREEMENT SHALL BE LIMITED TO THE GREATER OF: (I) THE AMOUNT ACTUALLY PAID BY YOU FOR THE LICENSE, OR (II) FIVE HUNDRED DOLLARS ($500).
We aren't liable if your business is harmed or you lose money as result of using Adrenaline.
8.1. While redistributing the Software or Modifications thereof as part of Your Application, You may choose to offer acceptance of support, warranty, indemnity, or other liability obligations and/or rights consistent with this Agreement. However, in accepting such obligations, You may act only on Your own behalf and on Your sole responsibility, and not on BitPax LLC's behalf.
While distributing Adrenaline to your end users, you can offer them support for Adrenaline, but only on your own behalf. That is your responsibility and not ours.
8.2. You agree to indemnify, hold harmless, and defend BitPax LLC and its owners, officers, agents, and affiliates from and against any and all claims, lawsuits and proceedings (collectively “Claims”), and all expenses, costs (including attorney's fees), judgments, damages and other liabilities resulting from such Claims, that arise or result from: (i) Your use of the Software in violation of this Agreement; (ii) the use or distribution of Your Application, except to the extent such claim is based solely on the inclusion of the Software therein; (iii) Your Modification of the Software's source code; or (iv) Your accepting support, warranty, indemnity, or additional liability as described in Section 8.1.
If someone sues BitPax LLC as a result of your use of Adrenaline, you are responsible for any resulting cost to BitPax LLC.
9.1. All payments under this Agreement are due to BitPax LLC upon Your purchase of a license to the Software.
You must pay BitPax LLC for the software license as soon as you buy it.
9.2. Each party shall be responsible for all taxes (including, but not limited to, taxes based upon its income) or levies imposed on it under applicable laws, regulations and tax treaties as a result of this Agreement and any payments made hereunder (including those required to be withheld or deducted from payments); provided that You shall be responsible for any value added tax, use tax, sales tax, or similar tax, and shall pay or reimburse BitPax LLC for the same upon invoice. Each party shall furnish evidence of such paid taxes as is sufficient to enable the other party to obtain any credits available to it, including original tax withholding certificates.
We are each responsible for any taxes that we owe as a result of this agreement.
10.1. Software Updates and Upgrades. The license granted herein applies only to the version of the Software available when purchased in connection with the terms of this Agreement, and to any updates and/or upgrades to which You may be entitled. Any previous or subsequent license granted to You for use of the Software shall be governed by the terms and conditions of the agreement entered in connection with purchase or download of that version of the Software.
This license applies to Adrenaline. Previous licenses still apply if you have used a previous version with a different license.
10.2. Survival. The provisions of sections 4 through 10 will survive termination of this Agreement.
The terms of sections 4 through 10 will remain in effect even if the Agreement is terminated.
10.3. Compliance with Applicable Laws. You agree that You will comply with all applicable laws and regulations with respect to the Software, including without limitation all export control laws and regulations.
You promise to follow all laws about the Software.
10.4. Assignment. This Agreement may be assigned by BitPax LLC in whole or in part and will inure to the benefit of BitPax LLC's successors and assigns. You may not assign or transfer this Agreement without BitPax LLC's prior written consent. Notwithstanding the foregoing, however, if You transfer ownership of an Application to a customer for which it was developed, You may assign this Agreement to that customer (the “Assignee”) provided: (i) You provide written notice to BitPax LLC prior to the effective date of such assignment; and (ii) there is a written agreement, wherein the Assignee accepts the terms of this Agreement.
You may assign this license to a customer, or another company or organization, so long as you get our written permission.
10.5. Entire Agreement. The terms and conditions stated herein set forth the entire agreement of the parties and replace and supersede all other contracts, agreements, and understandings, written or oral, relating to the subject matter hereof.
Your use of Adrenaline is governed only by this agreement.
10.6. Severability. In the event that any portion of this Agreement is held to be unenforceable, such portions shall not limit or otherwise modify or affect any other portion of this Agreement.
If there is a problem with any part of this agreement, the rest of the agreement will remain in place.
10.7. Modification; Waiver. This Agreement cannot be amended except by a written instrument executed by each of the parties. The failure of either party to enforce any provision of this Agreement may not be deemed a waiver of that or any other provision of this Agreement.
No changes to this Agreement, unless we confirm it in writing. All of these terms remain enforceable even if we don't enforce them at every opportunity.
10.8. Governing Law. This Agreement is governed by the laws of the Commonwealth of Pennsylvania (notwithstanding conflicts of laws provisions), and all parties irrevocably submit to the jurisdiction of the state or federal courts of the Commonwealth of Pennsylvania and further agree to commence any litigation which may arise hereunder in the state or federal courts located in the judicial district of Pittsburgh, Pennsylvania. The UN Convention on Contracts for the International Sale of Goods is expressly excluded.
This agreement is governed by Pennsylvania State laws and, if necessary, will be enforced in Pennsylvania courts.
10.9. Government Use. If the Software or any related documentation is licensed to the U.S. Government or any agency thereof, it will be considered to be “commercial computer software” or “commercial computer software documentation,” as those terms are used in 48 CFR § 12.212 or 48 CFR § 227.7202, and is being licensed with only those rights as are granted to all other licensees as set forth in this Agreement.
If the U.S. government buys this Software or gets the manuals for it, they don't get any special treatment. The federal rules will call it "commercial software" and the government has to follow the same rules and accept the same rights as anyone else who licenses it.