Yeti Admin

Yeti Admin theme is designed with simplicity in mind. All the
pages and apps are well crafted to suit any
Adminand
Web Appneeds. All the JavaScript functions are
well written in Vanilla JS. We have tried to minimize dependencies
as much as possible. It is developed with one of the most popular
css framework: Tailwind CSS (v2.0).

General Features

Dark Mode
Modular and Minimal Design
Multiple Layouts
Custom UI Components
Custom Applications
Custom Pages
Just use what you need (remove unwanted dependencies)

Elements

Dashboard
Pages
- Authentication
  - Login
  - Forgot Password
  - Register
- Blog
  - List
  - List â€“ Card Rows
  - List â€“ Card Columns
  - Add Post
Applications
- Media Library
- To Do
- Chat
UI
- Form
  - Components
  - Input Groups
  - Layout
  - Validations
  - Wizards
- Components
  - Alerts
  - Badges
  - Buttons
  - Cards
  - Collapse
  - Dropdowns
  - Modal
  - Popovers & Tooltips
  - Tabs
  - Tables
  - Toasts
- Extras
  - Carousel
  - Charts
  - Editors
  - Sortable
Menu
- Default
- Hidden
- Icons Only
Blank Page

Whatâ€™s used to develop this theme?

HTML
CSS
JS
Tailwind CSS (v2.0)
PostCSS
Gulp

Libraries

Tippy.js
Glide.js
Charts.js
SortableJS
CKEditor
Animate.css
Line Awesome
Holder.js

Whatâ€™s in the package?

Design files (Designed using Adobe XD)
Source and distribution files of the theme

Documentation

The searchable documentation for Yeti Admin is hosted at our
.

Browser Support

YetiAdmin supports all moderns browsers:
Chrome, Firefox, Safari&
Edge.

Notes

All the JavaScript functionality is written in Vanilla
JavaScript. So, you can port them into any framework you want to
use.
Built in apps are for demonstration purposes. They may or may
not have full functionality.
All images in item demos are for demonstration purposes only
and some of them may not included into the downloaded package.

Suggestions

We are open to any kind of suggestions. If you have any ideas
that you want to see in the Yeti Admin, please let us know. We will
do our best to improve the template based on your suggestions.

Updates

We always try to keep up with updates on core & 3
^rdparty libraries used.

Credits

Tailwind CSS
Line Awesome
Google Fonts

Release Notes

Release Notes can be accessed at our .

Show More

Show Less

Included:Quality checked by
Envato
Included:Future
updates

6 months support
from
YetiThemes

Extend support to
12 months

$6

Get it now
and save up to
$8

Price is in US dollars. Price displayed excludes sales tax.

Item Rating:
Minimum of 3 votes required

Last Update	4 January 21
Created	22 December 20
High Resolution
Compatible Browsers	, , , ,
ThemeForest Files Included	, ,
Documentation
Layout
Tags	, , , , , , , , , , , , ,

Deliver
better projects faster. Web, design & video assets

Unlimited downloads, from
$16.50/month
Effortless design and video.

Made online by you.

Smart templates ready for any skill
level.

Designers matched perfectly to

you on Envato Studio

2000 artists ready to undertake
your work

Quick
Links
Explore
popular categories

Web Themes &
Templates

Video

Audio

Code

Design Maker

Video Maker

Elements

Tuts+

Envato Market

Help

Joinour community

63,450,729items
sold

$905,426,094community earnings

All
prices are in US dollars and exclude sales tax
Â©
2021 Envato Pty Ltd. Trademarks and brands are the property of
their respective owners.

by

All prices are in US dollars and exclude
sales tax

by

All prices are in US dollars and exclude
sales tax

by

All prices are in US dollars and exclude
sales tax

by

All prices are in US dollars and exclude
sales tax

by

All prices are in US dollars and exclude
sales tax

by

All prices are in US dollars and exclude
sales tax

Tell us what you
think!

We’d like to ask you a few questions to help improve
ThemeForest.

//

//
<![CDATA[
window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;

var consentCookie = getCookie('CookieConsent');

if (consentCookie) {
var hasConsent = Market.Helpers.CookieConsent.given('statistics');

if (hasConsent) {
setupGoogleAnalytics();
loadGoogleAnalytics();
loadLinkingForAllAccounts();
}
} else {
setupGoogleAnalytics();
loadGoogleAnalytics();
loadLinkingForAllAccounts();
}

window.addEventListener('CookiebotOnAccept', function (e) {
if (Cookiebot.consent.statistics) {
if (!(window.ga && ga.create)) {
setupGoogleAnalytics();
loadGoogleAnalytics();
loadLinkingForAllAccounts();
}
} else {
unloadGoogleAnalytics()
}
if (!consentToExperimentsEnrollmentGiven()) {
unenrollFromExperiments();
}
}, false);

function getCookie(name) {
var name = name + "=";
var decodedCookie = decodeURIComponent(document.cookie);
var cookieContent = decodedCookie.split(';');

for(var i = 0; i {
if (
document.readyState === ‘interactive’ ||
document.readyState === ‘complete’
) {
resolve()
} else {
document.addEventListener(
‘DOMContentLoaded’,
() => {
resolve()
},
{
capture: true,
once: true,
passive: true
}
)
}
})
}

function consentToExperimentsEnrollmentGiven () {
return Market.Helpers.CookieConsent.given(‘preferences’) && Market.Helpers.CookieConsent.given(‘statistics’);
}

function unenrollFromExperiments() {
var activeExperimentsConfig = {“globalExperiment”:{“id”:”Q4KMAh3BQ4qNUNsdMXdprg”,”loadingCover”:true,”variants”:[“0″,”1″],”domain”:”themeforest.net”,”variantsWeights”:[1,9],”requires”:{}},”newHomepageExperiment”:{“id”:”eCQGElkrSVqkXjHjD14dBg”,”loadingCover”:true,”variants”:[“0″,”1″],”domain”:”themeforest.net”,”variantsWeights”:[1,1],”requires”:{“globalExperiment”:{“variants”:[1]}}},”csatSurveyExperiment”:{“id”:”csat_survey”,”loadingCover”:true,”variants”:[“0″,”1″],”domain”:”themeforest.net”,”variantsWeights”:[9,1],”requires”:{“globalExperiment”:{“variants”:[1]}}},”itemCardTagsExperiment”:{“id”:”KPjrVT2lTZ6xjZWU2O4gng”,”loadingCover”:true,”variants”:[“0″,”1″],”domain”:”themeforest.net”,”variantsWeights”:[1,1],”requires”:{“globalExperiment”:{“variants”:[1]}}},”homePageCopyUpdates”:{“id”:”38IZ2heHTeyVuJ9OGcqDnA”,”loadingCover”:true,”variants”:[“0″,”1″,”2″,”3″],”domain”:”themeforest.net”,”variantsWeights”:[1,1,1,1],”requires”:{“globalExperiment”:{“variants”:[1]}}},”updatedCategoryNav”:{“id”:”fFuj2cGCQrS374O9TUL8rw”,”loadingCover”:true,”variants”:[“0″,”1″,”2″,”3″,”4″,”5″],”domain”:”themeforest.net”,”variantsWeights”:[1,1,1,1,1,1],”requires”:{“globalExperiment”:{“variants”:[1]}}},”ipxSimplifiedItemPage”:{“id”:”Wkp3qNpZQ1axe18WVz9REw”,”loadingCover”:true,”variants”:[“0″,”1″,”2″,”3″,”4″,”5″,”6″],”domain”:”themeforest.net”,”variantsWeights”:[1,1,1,1,1,1,1],”requires”:{“globalExperiment”:{“variants”:[1]}}}}
var deletedCookies = [];

_.each(activeExperimentsConfig, function(expConfig, name) {
var cookieName = “market_experiment_” + expConfig.id;

if ($.cookie(cookieName) != null && $.cookie(cookieName) != ” && typeof($.cookie(cookieName)) != ‘undefined’) {
$.removeCookie(cookieName);
deletedCookies.push(cookieName);
}
});

if(deletedCookies.length > 0) {
ga(t+’.set’, “exp”, null);
ga(t+’.set’, “dimension21”, null);
ga(t+’.set’, “dimension22”, null);
}
}

function enrolIntoActiveExperiments() {
var activeExperimentsConfig = {“globalExperiment”:{“id”:”Q4KMAh3BQ4qNUNsdMXdprg”,”loadingCover”:true,”variants”:[“0″,”1″],”domain”:”themeforest.net”,”variantsWeights”:[1,9],”requires”:{}},”newHomepageExperiment”:{“id”:”eCQGElkrSVqkXjHjD14dBg”,”loadingCover”:true,”variants”:[“0″,”1″],”domain”:”themeforest.net”,”variantsWeights”:[1,1],”requires”:{“globalExperiment”:{“variants”:[1]}}},”csatSurveyExperiment”:{“id”:”csat_survey”,”loadingCover”:true,”variants”:[“0″,”1″],”domain”:”themeforest.net”,”variantsWeights”:[9,1],”requires”:{“globalExperiment”:{“variants”:[1]}}},”itemCardTagsExperiment”:{“id”:”KPjrVT2lTZ6xjZWU2O4gng”,”loadingCover”:true,”variants”:[“0″,”1″],”domain”:”themeforest.net”,”variantsWeights”:[1,1],”requires”:{“globalExperiment”:{“variants”:[1]}}},”homePageCopyUpdates”:{“id”:”38IZ2heHTeyVuJ9OGcqDnA”,”loadingCover”:true,”variants”:[“0″,”1″,”2″,”3″],”domain”:”themeforest.net”,”variantsWeights”:[1,1,1,1],”requires”:{“globalExperiment”:{“variants”:[1]}}},”updatedCategoryNav”:{“id”:”fFuj2cGCQrS374O9TUL8rw”,”loadingCover”:true,”variants”:[“0″,”1″,”2″,”3″,”4″,”5″],”domain”:”themeforest.net”,”variantsWeights”:[1,1,1,1,1,1],”requires”:{“globalExperiment”:{“variants”:[1]}}},”ipxSimplifiedItemPage”:{“id”:”Wkp3qNpZQ1axe18WVz9REw”,”loadingCover”:true,”variants”:[“0″,”1″,”2″,”3″,”4″,”5″,”6″],”domain”:”themeforest.net”,”variantsWeights”:[1,1,1,1,1,1,1],”requires”:{“globalExperiment”:{“variants”:[1]}}}}

var independentExperimentConfigs = _.reduce(activeExperimentsConfig, function(memo, expConfig, name) {
if(_.isEmpty(expConfig.requires)) {
memo[name] = expConfig;
}
return memo;
}, {});

var dependentExperimentConfigs = _.reduce(activeExperimentsConfig, function(memo, expConfig, name) {
if(!_.isEmpty(expConfig.requires)) {
memo[name] = expConfig;
}
return memo;
}, {});

var experimentsConfig = {…independentExperimentConfigs, …dependentExperimentConfigs};

if (!_.isEmpty(experimentsConfig)) {
var experimentEnrolments = createExperimentEnrollments(experimentsConfig);
window.dispatchEvent(new CustomEvent(‘ExperimentsReady’, { payload: experimentEnrolments }));
}
}

function areRequirementsMet(experimentsConfig, requiredExperiments) {
return _.reduce(requiredExperiments, function(memo, requiredExperimentVariants, requiredExperimentName){
var requiredExperiment = experimentsConfig[requiredExperimentName];
var requiredExperimentCookieName = “market_experiment_” + requiredExperiment.id;
var requiredExperimentVariantEnabled = _.contains(requiredExperimentVariants.variants, +$.cookie(requiredExperimentCookieName));

return memo && requiredExperimentVariantEnabled;
}, true)
}

function selectExperimentVariant(expConfig) {
var variantWeights = _.object(expConfig.variants, expConfig.variantsWeights);

return _.chain(variantWeights).map(function (weight, variant) {
return _.times(weight, function() { return variant; });
}).flatten().sample().value();
}

function createExperimentEnrollments(activeExperimentsConfig) {
var enrollments = _.reduce(activeExperimentsConfig, function(memo, expConfig, name) {
var cookieName = “market_experiment_” + expConfig.id;

if (!$.cookie(cookieName)) {
var requirementsMet = areRequirementsMet(activeExperimentsConfig, expConfig.requires);

if (requirementsMet) {
var variant = selectExperimentVariant(expConfig)
$.cookie(cookieName, variant, { expires: 365, domain: expConfig.domain, path: ‘/’ });
}
}
if ($.cookie(cookieName)) {
memo[expConfig.id] = $.cookie(cookieName);
}

return memo;
}, {});

var enrollmentsString = _.map(_.pairs(enrollments), function(pair) { return pair.join(“.”); }).join(“!”);

ga(t+’.set’, “exp”, enrollmentsString);
ga(t+’.set’, “dimension21”, enrollmentsString);
ga(t+’.set’, “dimension22”, enrollmentsString);

return enrollments;
}

function loadLinkingForAllAccounts() {
domLoaded().then(() => {
var ACCOUNTS = [“m”];
window._envGaTrackerNames = ACCOUNTS;

for (var i = 0; i < ACCOUNTS.length; i++) {
t = ACCOUNTS[i];

ga(t+'.require', 'linker');

ga(t+'.require', 'linkid', 'linkid.js');
};

document.body.addEventListener('click', function(event) {
decorateLink(event);
});
document.body.addEventListener('contextmenu', function(event) {
// Aside from a normal click, we need to handle the variety of ways users
// can open a link in a new tab
// Right click to open context menu
decorateLink(event);
});
document.body.addEventListener('mousedown', function(event) {
// Aside from a normal click, we need to handle the variety of ways users
// can open a link in a new tab
// Middle mouse button click
if (event.button === 1) {
decorateLink(event);
}
});
});
}

function decorateLink(event) {

var ACCOUNTS = ["m"];
window._envGaTrackerNames = ACCOUNTS;

var currentTarget = jQuery(event.target);
var link = currentTarget.closest('a')[0];
var ourDomains = ["activeden.net","audiojungle.net","themeforest.net","videohive.net","graphicriver.net","3docean.net","codecanyon.net","photodune.net","market.styleguide.envato.com","elements.envato.com","build.envatohostedservices.com","author.envato.com","tutsplus.com","sites.envato.com"];
var filteredDomains = ourDomains.filter(function(domain) {
return domain !== document.location.hostname;
});

for (var i = 0; i < ACCOUNTS.length; i++) {
t = ACCOUNTS[i];

if (link && link.href) {
if (filteredDomains.includes(link.hostname) || currentSiteLinkOpensInNewWindow(link)) {
ga(t+'.linker:decorate', link)
}
}
}
}

function currentSiteLinkOpensInNewWindow(link) {
return document.location.hostname === link.hostname && link.target === '_blank';
}

function setupGoogleAnalytics() {
(function () {
var accountId = "UA-11834194-7";
window['ga-disable-'+accountId] = false;

if (Market.Helpers.GaLsUtils.localStorageAvailable()) {
var options = {"name":"m","allowLinker":true};

options.storage = "none";
options.clientId = Market.Helpers.GaLsUtils.getClientId();

var clientIdValid = Market.Helpers.GaLsUtils.clientIdValid(options.clientId);
if (!clientIdValid) {
options.clientId = null;
}

ga("create", "UA-11834194-7", options);
ga(function() {
var tracker = ga.getByName(options.name);
Market.Helpers.GaLsUtils.storeClientId(tracker.get('clientId'));
})
} else {
ga("create", "UA-11834194-7", {"name":"m","allowLinker":true});
}

var ACCOUNTS = ["m"];
window._envGaTrackerNames = ACCOUNTS;

for (var i = 0; i

//
<![CDATA[

if (typeof Cookiebot !== 'undefined' && Cookiebot.consent && Cookiebot.consent.statistics ) {
enableGoogleAnalyticsLinkWrapper();
} else {
window.addEventListener('CookiebotOnAccept', function (e) {
if (Cookiebot.consent.statistics) {
enableGoogleAnalyticsLinkWrapper();
}
}, false);
}

function enableGoogleAnalyticsLinkWrapper() {
// GA: universal analytics link wrapper
(function(){
window._envTrkrs = [["m", "UA-11834194-7"]];

var debug = false;
var MAX_RETRIES = 10;

/*
The script needs to wait until the Analytics script
has been downloaded from Google before initializing
*/
var waitForAnalytics = function(){
this.count = this.count || 0;

if (window.ga && ga.getByName) {
e.init();
} else {
if (count < MAX_RETRIES) { setTimeout(waitForAnalytics, 250); }
count++;
}
};

var e = {
_envArray: [],
_envTrkrs: (window._envTrkrsCust && window._envTrkrsCust.length) ? window._envTrkrs.concat(window._envTrkrsCust) : window._envTrkrs,
init: function() {
for (var i=0; i < _envTrkrs.length; i++) {
if(!ga.getByName(_envTrkrs[i][0])) {
if (Market.Helpers.GaLsUtils.localStorageAvailable()) {
var clientId = Market.Helpers.GaLsUtils.getClientId();

ga("create", _envTrkrs[i][1], "auto", {name: _envTrkrs[i][0], storage: "none", clientId: clientId, allowLinker: true});
} else {
ga("create", _envTrkrs[i][1], "auto", {name: _envTrkrs[i][0], allowLinker: true});
}
}
}

document.addEventListener('DOMContentLoaded', function(){
e.wrapperInit();
});

if (debug) {console.log('Initiated');}
},
wrapperInit: function() {
if (typeof window._envIsRunning != 'undefined' || window._envIsRunning == true) {
return
}
window._envIsRunning = true;

if (document.addEventListener) {
document.addEventListener('click', function(event){
var target = event.target;
if (target && target.tagName === 'A') {
e._envLinksTracker(event);
}
});
}
},
isInArray: function(e, t) {
for (var n = 0; n < t.length; n++) {
var r = new RegExp(t[n], 'i');
if (r.test(e)) {
return n
}
}
return -1
},
_envTrackevent: function(e, t, n, r) {
for (var i = 0; i < this._envTrkrs.length; i++) {
var s = this._envTrkrs[i][0].length == 0 ? '' : this._envTrkrs[i][0] + '.';
r.length == 0 ? ga(s + 'send', 'event', e, t, n) : ga(s + 'send', 'event', e, t, n, r)
}
},
_envTrackpageview: function(e, t) {
t = t.charAt(0) == '/' ? t : '/' + t;
for (var n = 0; n

//

//

Download

Yeti Admin – Tailwind CSS Template

Yeti Admin

General Features

Elements

Whatâ€™s used to develop this theme?

Libraries

Whatâ€™s in the package?

Documentation

Browser Support

Notes

Suggestions

Updates

Credits

Release Notes

About the author

admin

Yeti Admin

General Features

Elements

Whatâ€™s used to develop this theme?

Libraries

Whatâ€™s in the package?

Documentation

Browser Support

Notes

Suggestions

Updates

Credits

Release Notes

You may also like

About the author

admin